JavaScript对象创建的5种方法

JavaScript的对象创建方法：

目录

1.字面量 

2.内置构造函数

3.工厂模式

4.自定义构造函数

5.原型函数

---

1.字面量 

//字面量形式创建
            var obj = {
                name: "lin",
                age: 22,
            };

缺点：如果重复创建与该对象同类型的对象，会产生大量重复的代码。

2.内置构造函数

//内置构造函数
            var obj=new Object();
            obj.name="lin";
            obj.age=22;

缺点：如果重复创建与该对象同类型的对象，会产生大量重复的代码。

3.工厂模式

//工厂模式
            function Obj(name,age){
                var obj=new Object();
                obj.name=name;
                obj.age=age;
                obj.show=function(){
                    console.log(this.name)
                }
                return obj;
            }
            var obj=Obj("lin",22);

优点：解决了重复实例化多个对象的问题

缺点：对象没有一个具体的类型、都是Object类型。

4.自定义构造函数

//自定义构造函数
            function Obj(name,age){
                this.name=name;
                this.age=age;
                this.show=function(){
                    console.log(this.name)
                }
            }
            var obj=new Obj("lin",22)

    

自定义构造函数时new的的原理：
1. 创建一个新对象
2. 改变函数内的this指向，为这个新对象
3. 执行函数内的代码，并将新对象的__proto__指向该函数的prototype
4. 检查函数是否主动返回对象，如果没有，则返回这个新对象

优点：解决重复实例化问题，又解决对象识别问题。

缺点： 每个对象都有相同的数据（方法），浪费内存。

5.原型函数

//原型函数
        function Obj(name) {
            this.name = name
        }
        Obj.prototype = {
            constructor: Obj,
            show: function () {
                alert(this.name);
            }
        };
        var obj = new Obj("lin");

优点：所有对象实例共享它的属性和方法，不浪费内存资源。

 ps：属性直接写在构造函数体内，方法写在构造函数的原型上。