H5总结

JavaScript创建对象的四种方式

2019-05-27  本文已影响0人  LD_左岸

一.字面量的方式

var per1 = {
  name:"卡卡西",
  age:20,
  sex:"男",
  eat:function () {
      console.log("吃........");
    },
   readBook:function () {
          console.log("读书....");
     }
   };

二.调用系统的构造函数

 var per1 = new Object();
    per1.name = "昆明";
    per1.age = 19;
    per1.sex = "男";
    per1.eat = function () {
        console.log("cccc");
    };
    per1.readBook = function () {
        console.log("读书.....");
    };

三.自定义构造函数

function Person(name,age,sex) {
        this.name = name;
        this.age = age;
        this.sex = sex;
        this.eat = function () {
            console.log("ccccc");
        };
        this.readBook = function () {
            console.log("读书");
        };
    }

四.工厂模式创建对象

  function createObject(name,age) {
        var obj = new Object();
        obj.name = name;
        obj.age = age;
        obj.sayHi = function () {
            console.log("say_Hi");
        };
        return obj;
    }
工厂模式创建对象 or 自定义构造函数创建对象
相同点 都是函数 都可以创建对象 都可以传入参数
不同点 工厂模式: 函数名是小写 有new 有返回值 new之后的对象时当前的对象 直接调用函数就可以创建对象 自定义构造函数:函数名是大写(首字母) 没有new 没有返回值 this是当前对象 通过new的方式来创建对象
上一篇下一篇

猜你喜欢

热点阅读