2019-06-13 JS（构造函数、new、this）

（本文摘录于阮一峰老师所写文章，https://wangdoc.com/javascript/basic/index.html，作个人学习使用。）

构造函数

1、JavaScript 语言的对象体系，不是基于“类”的，而是基于构造函数（constructor）和原型链（prototype）。
JavaScript 语言使用构造函数（constructor）作为对象的模板。

2、为了与普通函数区别，构造函数名字的第一个字母通常大写。

构造函数的特点有两个。
（1）函数体内部使用了this关键字，代表了所要生成的对象实例。
（2）生成对象的时候，必须使用new命令。

new指令

3、如果忘了使用new命令，直接调用构造函数，构造函数就变成了普通函数，并不会生成实例对象。this这时代表全局对象。

4、使用new命令时，它后面的函数依次执行下面的步骤。
（1）创建一个空对象，作为将要返回的对象实例。
（2）将这个空对象的原型，指向构造函数的prototype属性。
（3）将这个空对象赋值给函数内部的this关键字。
（4）开始执行构造函数内部的代码。

5、构造函数内部，this指的是一个新生成的空对象，所有针对this的操作，都会发生在这个空对象上。构造函数之所以叫“构造函数”，就是说这个函数的目的，就是操作一个空对象（即this对象）。
如果构造函数内部有return语句，而且return后面跟着一个对象，new命令会返回return语句指定的对象；否则，就会不管return语句，返回this对象。

6、函数内部可以使用new.target属性。如果当前函数是new命令调用，new.target指向当前函数，否则为undefined。

7、构造函数作为模板，可以生成实例对象。但是，有时拿不到构造函数，只能拿到一个现有的对象。我们希望以这个现有的对象作为模板，生成新的实例对象，这时就可以使用Object.create()方法。

this

8、this都有一个共同点：它总是返回一个对象。this就是属性或方法“当前”所在的对象。

9、实质：
由于函数可以在不同的运行环境执行，所以需要有一种机制，能够在函数体内部获得当前的运行环境（context）。所以，this就出现了，它的设计目的就是在函数体内部，指代函数当前的运行环境。

10、this主要有以下几个使用场合。
（1）全局环境：全局环境使用this，它指的就是顶层对象window。
（2）构造函数：构造函数中的this，指的是实例对象。
（3）对象的方法：如果对象的方法里面包含this，this的指向就是方法运行时所在的对象。该方法赋值给另一个对象，就会改变this的指向。

【注意】（1）obj和obj.foo储存在两个内存地址，称为地址一和地址二。obj.foo()这样调用时，是从地址一调用地址二，因此地址二的运行环境是地址一，this指向obj。
（2）数组的map和foreach方法，允许提供一个函数作为参数。这个函数内部不应该使用this。固定函数内部this的另一种方法是将this当作foreach方法的第二个参数，固定它的运行环境。
（3）避免回调函数中的 this。

11、绑定 this 的方法：JavaScript 提供了call、apply、bind这三个方法，来切换/固定this的指向。
（1）Function.prototype.call()：函数实例的call方法，可以指定函数内部this的指向（即函数执行时所在的作用域），然后在所指定的作用域中，调用该函数。
（2）Function.prototype.apply()：apply方法的作用与call方法类似，也是改变this指向，然后再调用该函数。唯一的区别就是，它接收一个数组作为函数执行时的参数。apply方法的第一个参数也是this所要指向的那个对象，如果设为null或undefined，则等同于指定全局对象。
（3）Function.prototype.bind()：bind方法用于将函数体内的this绑定到某个对象，然后返回一个新函数。
bind方法每运行一次，就返回一个新函数