zoukankan      html  css  js  c++  java
  • js的对象创建

    创建对象

    • 字面量的方式:
    var myHonda = {color: "red", wheels: 4, engine: {cylinders: 4, size: 2.2}}

    就是new Object()的语法糖,一样一样的。

    • 工厂模式:
    function createCar(){    
      var oTemp = new Object();    
      oTemp.name = arguments[0];
      //直接给对象添加属性,每个对象都有直接的属性    
      oTemp.age = arguments[1];    
      oTemp.showName = function () {        
        alert(this.name);    
      };//每个对象都有一个 showName 方法版本    
      return oTemp;
    };
    var myHonda = createCar('honda', 5)

    只是给new Object()包了层皮,方便量产,并没有本质区别,姑且算作创建对象的一种方式。

    • 构造函数:
    function Person(name, age, sex) {
      this.name = name;
      this.age = age;
      this.sex = sex;
      this.getName = function() {
        return this.name;
      };
    }
    var rand = new Person("Rand McKinnon", 33, "M");

    上面构造函数的 getName 方法,每次实例化都会新建该函数对象,还形成了在当前情况下并没有卵用的闭包,所以构造函数添加方法用下面方式处理,工厂模式给对象添加方法的时候也应该用下面的方式避免重复构造函数对象

    function Person(name, age, sex) {
      this.name = name;
      this.age = age;
      this.sex = sex;
      this.getName = getName
    }
    function getName() {
      return this.name;
    };

    构造函数创建对象的过程和工厂模式又是半斤八两,相当于隐藏了创建新对象和返回该对象这两步,构造函数内 this 指向新建对象,没什么不同。
    最大不同点: 构造函数创造出来的对象 constructor 属性指向该构造函数,工厂模式指向 function Object(){...}
    构造函数相当于给原型链上加了一环,构造函数有自己的 prototype,工厂模式就是个普通函数。说到这儿我上一句话出现了漏洞,工厂模式的 constructor 指向哪得看第一句话 new 的是什么。

    https://www.cnblogs.com/lihuanqing/p/7561480.html

  • 相关阅读:
    【?】Hello。。。
    【Calc】对于‘精分’的研究
    [AFO]记五年oi生涯及CSP2019复赛游记
    CF#579div.3
    「BZOJ1827」奶牛大集会
    「BZOJ2821」作诗 && 「BZOJ2724」蒲公英
    「BZOJ4576」262144
    「Bzoj5055」膜法师
    「51nod1689」逛街
    「51nod1681」公共祖先 &&「51nod2553」双重祖先
  • 原文地址:https://www.cnblogs.com/feng9exe/p/11023486.html
Copyright © 2011-2022 走看看