欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js不同方式创建对象的优缺点

程序员文章站 2022-06-30 19:11:48
...

对象创建

  1. Object构造函数

  2. 字面量创建

    • 特点:创建具有同样接口的多个对象需要重复编写很多代码。
  3. 工厂模式创建

    • 特点:没有解决对象标识问题(即不知道新创建的对象是什么类型)
        function createPerson(name, age, job) {
            let o = new Object();
            o.name = name;
            o.age = age;
            o.job = job;
            o.sayName = function() {
            console.log(this.name);
            };
            return o;
        } 
  1. 自定义构造函数
    • 特点:其定义的方法会在每个实例上都创建一遍
        function Person(name, age, job){
            this.name = name;
            this.age = age;
            this.job = job;
            this.sayName = function() {
            console.log(this.name);
        } 
        }; 
  1. 原型模式
    • 特点:所有实例共享属性
        let Person = function() {};
        Person.prototype.name = "Nicholas";
        Person.prototype.age = 29;
        Person.prototype.job = "Software Engineer";
        Person.prototype.sayName = function() {
        console.log(this.name);
        }; 

  1. ES6类创建对象
    1. 特点:属性都保存在对象实例上,每生成一个对象就能保存不同的属性值,方法在原型上,每种方法只需创建一次,不同的对象可以共享原型上的方法,是最优质的创建对象方法。
 class Person{
            constructor(name='小明',age=18){
                this.name = name;
                this.age = age;
            }
            introduce(){
                console.log(`大家好啊!我的名字叫${this.name},我今年${this.age}了!`);
            }   
        }

总结:为了性能的考虑,我们应尽量使用ES6提供的类创建对象方法,它是一种比较的正宗的面向对象方法,除了上面说的特点外,也有利于实现继承。