JavaScript基础(12)_构造函数、this

我们每次创建对象时，常常会遇到属性和方法大量相同的情况，如果每次都创建相似的对象，代码就显得冗长多余，所以为了优化，我们往往利用函数调用的形式来简化这些代码，因为普通函数建立的对象并不能区分不同的对象，因此构造函数应运而生。

构造函数

个人解释：构造函数就是创建对象的函数，便于多对象代码优化。
官方解释：构造函数就是通过函数创建多个属性和方法相同的对象。

使用new关键字进行实例，内部进行的操作如下：
1、在内存中立刻创建一个空对象。
2、构造函数中的this指向此空对象。
3、将构造函数中的属性以及方法添加到此对象中。
4、返回这个新的对象。

构造函数和普通函数区分：

1、构造函数也是普通函数，创建方式和普通函数没区别，不过构造函数习惯上首字母大写(便于与普通函数区分)。
2、构造函数不需要return就可以返回结果(返回的是一个新对象)，普通函数没return会返回undefined。
3、构造函数时必须使用new关键字调用来实例化对象，普通函数不需要。
4、构造函数属性和方法前必须添加this，普通函数不需要。
5、普通函数this指向window，构造函数this指向new出来的实例对象。

归类总结：使用同一个构造函数创建的对象，我们称为一类对象。也将一个构造函数称为一个类。通过一个构造函数创建的对象，称为该类的实例。

this

解析器在调用函数时，每次都会向函数内部传递一个隐含的参数，这个隐含的参数就是this。this指向的是一个对象，这个对象我们称之为函数执行的上下文对象，根据函数的"调用方式"不同，this会指向不同的对象。this可以理解为"当前对象的"。

1、以函数的形式调用时，this永远都是window。
2、以方法的形式调用时，this就是调用方法的那个对象。
3、以构造函数的形式调用时，this就是新创建的那个对象。

示例：

<script>
        // 普通方式创建对象
        var person1 =
        {
            name:"张三",
            age:16,
            grade:6,
            show_id:function()
            {
                console.log("0001");
            }
        }
        var person2 =
        {
            name:"李四",
            age:21,
            grade:8,
            show_id:function()
            {
                console.log("0002");
            }
        }
        var person3 =
        {
            name:"王五",
            age:18,
            grade:6,
            show_id:function()
            {
                console.log("0003");
            }
        }

        // 以函数形式（工厂方法）创建对象
        function person(name,age,grade,id)
        {
            var per = new Object();
            per.name = name;
            per.age = age;
            per.grade = grade;
            per.show_id = function()
            {
                console.log(id);
            }
            return per;
        }
        var per1 = person("张三",16,6,"0001");
        var per2 = person("李四",21,8,"0002");
        var per3 = person("王五",18,6,"0003");
        console.log(per1);

        // 以构造函数形式创建对象
        function Person(name,age,grade,id)
        {
            this.name = name;
            this.age = age;
            this.grade = grade;
            this.show_id = function()
            {
                console.log(this.id);
            }
        }
        var per11 = new Person("张三",16,6,"0001");
        var per22 = new Person("李四",21,8,"0002");
        var per33 = new Person("王五",18,6,"0003");
        console.log(per11);
</script>