js创建对象三自定义构建函数创建对象

最新推荐文章于 2021-05-20 11:28:58 发布

原创最新推荐文章于 2021-05-20 11:28:58 发布 · 377 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js创建对象三自定义构建函数创建对象

js 专栏收录该内容

49 篇文章

订阅专栏

本文介绍了如何使用自定义构造函数在JavaScript中创建对象。通过Person和Dog构造函数的实例，展示了如何设置对象属性和方法，以及如何使用new关键字创建实例。同时，探讨了对象与构造函数之间的关系。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$永远的24k纯帅$</title>
<script>

    //自定义构造函数创建对象,我要自己定义一个构造函数,自定义构造函数,创建对象
    //函数和构造函数的区别；名字是不是大写(首字母是大写)
    function Person(name,age) {
      this.name=name;
      this.age=age;
      this.sayHi=function () {
        console.log("我叫:"+this.name+",年龄是:"+this.age);
      };
    }

    //自定义构造函数创建对象:先自定义一个构造函数,创建对象
    var obj=new Person("小明",10);
    console.log(obj.name);
    console.log(obj.age);
    obj.sayHi();

    var obj2=new Person("小红",20);
    console.log(obj2.name);
    console.log(obj2.age);
    obj2.sayHi();

console.log(obj instanceof Person);
console.log(obj2 instanceof Person);

    //自定义狗的构造函数,创建对象
    function Dog(name,age,sex) {
      this.name=name;
      this.age=age;
      this.sex=sex;
    }
    var dog=new Dog("大黄",20,"男");
    console.log(dog instanceof Person);//false
    console.log(dog instanceof Dog);

</script>
</head>
<body>

</body>
</html>