• JS创建对象的几种方式


    1.Object构造函数模式

    var obj = new Object();

    obj.name = 'Tom';

    obj.age = 11;

    obj.setName = function(name){

      this.name = name;

    }

    适用场景:创建对象起始时候不确定对象内部的数据

    问题:语句太多

    2.对象字面量模式

    var p = {

      name:'Tom',

      age:'11',

      setName:function(){

        this.name = name;

      }

    }

    var p1 = {

      name:'Jack',

      age:'15',

      setName:function(){

        this.name = name;

      }

    }

    适用场景:创建对象时就知道内部需要哪些属性,同类型对象只创建一个

    问题:创建同类型的多个对象时候,要重复定义这些相同的属性和方法

    3.工厂模式(很少用)

    function createPerson(name,age){

      var obj = {

        name:name,

        age:age,

        setName:function(name){

          this.name = name;

        }

      }

      return obj;

    }

    使用场景:同类型对象需要创建多个

    问题:返回的对象都是Object类型,没有具体的类型

    4.自定义构造函数模式

    function Person(name,age){

      this.name = name;

      this.age = age;

      this.setName = function(name){

        this.name = name;

      }

    }

    var p = new Person('Tom',11);

    var p1 = new Person('Jack',15);

    适用场景:需要创建多个类型确定的对象

    问题:创建的对象的方法是相同的重复数据

    5.构造函数+原型的组合模式

    function Person(name,age){

      this.name = name;

      this.age = age;

    }

    Person.prototype.setName(name){//这样设置所有的对象的方法都去原型链上面找,最后都找到Person.prototype对象上,就不会存在每个对象都要花费内存来再属性上存一个相同的方法

      this.name = name;

    }

    var p = new Person('Tom',11);

    var p1 = new Person('jack',15);

    适用场景:需要创建多个具体类型的对象

  • 相关阅读:
    Element-ui 的 slot 关系理解
    关于Delegate委托和Event事件的学习
    JavaScript 中 prototype 与 __proto__
    正向代理与反向代理的个人理解
    MVC和三层架构
    关于SqlDataAdapter的思考
    关于C#连接Oracle数据库
    关于VS配置环境
    富文本的实现
    博客
  • 原文地址:https://www.cnblogs.com/maycpou/p/12286573.html
Copyright © 2020-2023  润新知