欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS高级---三种创建对象的方式

程序员文章站 2022-05-26 17:37:45
JS高级 三种创建对象的方式 字面量的方式 (实例对象) 调用系统的构造函数 自定义构造函数方式 //创建对象 >实例化一个对象,的同时对属性进行初始化 var per=new Person("小红",20); 自动逸构造函数创建对象做的事情: 1.开辟空间存储对象 2.把this设置为当前的对象 ......

js高级---三种创建对象的方式

 

  1. 字面量的方式 (实例对象)
  2. 调用系统的构造函数
  3. 自定义构造函数方式 
    //创建对象---->实例化一个对象,的同时对属性进行初始化
    var per=new person("小红",20);

自动逸构造函数创建对象做的事情:

  1.开辟空间存储对象
  2.把this设置为当前的对象
  3.设置属性和方法的值
  4.把this对象返回

 

//实例对象
    var per1 = {
      name: "小明",
      age: 20,
      sex: "男",
      eat: function () {
        console.log("吃臭豆腐");
      },
      readbook: function () {
        console.log("时间简史")
      }
    }

    //调用系统的构造函数
    var per2 = new object();
    per2.name = "小苏";
    per2.age = 30;
    per2.sex = "男";
    per2.eat = function () {
      console.log("吃西瓜");
    };
    per2.play = function () {
      console.log("游戏真好玩");
    };


    //自定义构造函数
    function person(name, age, sex) {
      this.name = name;
      this.age = age;
      this.sex = sex;
      this.play = function () {
        console.log("天天打游戏");
      };
    };
    var per = new person("小丁", 39, "女");
    console.log(per instanceof person);