• Javascript几种创建对象的方法


    1.工厂方法

    demo.js
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    function createPerson(name, age) {
        var person = new Object();
        person.name = name;
        person.age = age;
    
        person.sayHi = function() {
            return "name: " + this.name + " age: " + this.age;
        };
    
        return person;
    }
    

    优点:创建相同实例只有一处代码。
    缺点:不知道对象原型。

    test.js
    1
    2
    3
    4
    5
    6
    7
    8
    
    var person1 = createPerson("zhang", 20);
    var person2 = createPerson("li", 30);
    
    console.log(person1.sayHi());
    console.log(person2.sayHi());
    
    console.log(person1 instanceof Person); //false
    console.log(person2 instanceof Person); //false
    

    2.构造函数

    demo.js
    1
    2
    3
    4
    5
    6
    7
    8
    
    function Person(name, age) {
        this.name = name;
        this.age = age;
    
        this.sayHi = function() {
            return "name: " + this.name + " age:" + this.age;
        };
    }
    

    优点:可以知道实例原型。
    缺点:方法不是同一个方法实例。

    test.js
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    
    var person1 = new Person("zhang", 20);
    var person2 = new Person("li", 30);
    
    console.log(person1.sayHi()); //name: zhang age:20
    console.log(person2.sayHi()); //name: li age:30
    
    console.log(person1 instanceof Person); //true
    console.log(person2 instanceof Person); //true
    
    console.log(person1.sayHi == person2.sayHi); //false
    

    3.原型方法

    demo.js
    1
    2
    3
    4
    5
    6
    7
    
    function Person() {}
    
    Person.prototype.name = "zhang";
    Person.prototype.age = 20;
    Person.prototype.sayHi = function() {
        return "name: " + this.name + " age: " + this.age;
    };
    

    优点:共享方法实例对象。
    缺点:每个实例需要定义非方法属性。

    test.js
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    
    var person1 = new Person();
    var person2 = new Person();
    
    person2.name = "li";
    person2.age = 30;
    
    console.log(person1.sayHi()); //name: zhang age:20
    console.log(person2.sayHi()); //name: li age:30
    
    console.log(person1 instanceof Person); //true
    console.log(person2 instanceof Person); //true
    
    console.log(person1.sayHi == person2.sayHi); //true
    

    4.构造函数和原型的组合方法

    demo.js
    1
    2
    3
    4
    5
    6
    7
    8
    
    function Person(name, age) {
        this.name = name;
        this.age = age;
    }
    
    Person.prototype.sayHi = function() {
        return "name: " + this.name + " age: " + this.age;
    };
    

    优点:非方法属性在构造函数中定义,方法属性则在原型中定义。

    总结:最后一种方法是比较好的创建对象的方式,综合了前面3种方式的优点。每个实例对象都有自己实例属性的一份副本,但同时共享着方法的引用,最大限度节省了内存。

  • 相关阅读:
    layui弹出层使用方法之最详解
    rem实现简单的响应式布局
    layui数据库查询及数据处理
    header头设置解决 “已拦截跨源请求:同源策略禁止读取位于 http://back/test/test 的远程资源。(原因:CORS 头缺少 'Access-Control-Allow-Origin')。”
    mysql多表联查
    centos 7 安装独立环境 tcp6占用80端口解决方法
    JS for_of遍历数组
    通过几张图搞定json数据处理
    MQTT Broker mosquitto
    前言
  • 原文地址:https://www.cnblogs.com/kingzzm/p/3325344.html
Copyright © 2020-2023  润新知