前端面试之创建对象的方式

<script>
// 1:字面量的方式创建一个对象
        var o1 = {
            name: 'Jack',
            age: 18,
            gender: '男'
        }
        console.log(o1);
        var o2 = {} //创建一个空对象，然后往空对象中添加属性
            o2.name = 'Rose'
            o2.age = 20
            o2.gender = '女'
        console.log(o2);

// 2:使用工厂函数的方式创建对象
        // 1). 先创建一个工厂函数
            function createObj() {
                // 手动创建一个对象
                    var obj = new Object()

                // 手动的向对象中添加成员
                    obj.name = 'Jack'
                    obj.age = 18
                    obj.gender = '男'

                // 手动返回这个对象
                    return obj
            }

        // // 2). 使用这个工厂函数创建对象
            var o1 = createObj()
            console.log(o1);

// 3:使用自定义构造函数创建对象
        // 1. 先创造一个构造函数
            function Person(name, gender) {//里面的参数可以自定义
                this.age = 18
                this.name = name
                this.gender = gender
            }

        // 2. 使用构造函数创建对象
            var p1 = new Person('Jack', 'man') //实例化这个构造函数，并且传入参数
            var p2 = new Person('Rose', 'woman') //实例化这个构造函数，并且传入参数
            console.log(p1);
            console.log(p2);

 // 4:调用系统内置的构造函数创建对象
            var o1 = new Object() // 得到一个空对象
        // 向空对象中添加属性
            o1.name = 'Jack'
            o1.age = 18
            o1.gender = '男'

            console.log(o1);
</script>