JavaScript创建对象的几种方式

最新推荐文章于 2019-09-11 17:51:18 发布

原创最新推荐文章于 2019-09-11 17:51:18 发布 · 262 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#函数创建对象 #函数创建的几种方式 #自定义构造函数

本文深入讲解JavaScript中对象的创建方式，包括字面量方式、调用系统构造函数及自定义构造函数，探讨不同方法的特点与应用场景，帮助读者理解对象实例化过程。

对象属性：一般是一个名词描述事物的特征。

对象方法：一般是一个名词描述事物的特征。

实例对象：通过代码把这个抽象的对象的属性与方法具体的写出来；实例化对象就是由抽象到具体的过程，这个过程就叫实例化。说白了，实例化对象就是创建对象的过程！

1.字面量方式创建对象：

    //实例对象
    var  per1={
      name:"小涵涵",               //对象的属性
      age:20,
      eat:function () {
        console.log("喜欢吃臭豆腐");
      },
      readBook:function () {       //对象的方法
        console.log("小红书");
      }
    };
    console.log(per1.age);//20          调用属性
    per1.eat();          //爱吃臭豆腐    调用方法
    console.log(per1 instanceof Object);//true

2，调用系统的构造函数创建对象：

    var per2=new Object();
    per2.name="大蛇丸";
    per2.age=30;
    per2.eat=function () {
      console.log("吃苹果");
    };
    per2.play=function () {
      console.log("这个小蛇好好玩");
    };
    console.log(per2 instanceof Object);//true

判断这个是什么类型：通过console.log(变量.instanceof 数据类型)

注意：以上两种方法都不可以确定对象到底属于什么对象类型的，但可以确定他们都属于Object类型的，不是很推荐。

3，通过自定义构造函数创建对象：重点

    function Person(name,age,sex) {
      this.name=name;                 //函数添加属性
      this.age=age;
      this.sex=sex;
      this.sayHi=function () {
        console.log("天天写代码");
      };
      this.play=function () {         //函数添加方法
        console.log("天天织毛衣");
      };
    }
    var per3=new Person("雏田","18","女");//实例对象
    per3.age;           //对象调用属性
    per3.sayHi();      //对象调用方法
    console.log(per3 instanceof Person);  //true