JavaScript面向对象编程之构造函数与new命令

面向对象编程和过程式编程

面向对象编程

程序由一系列对象组成，由对象之间的分工与合作，完成对真实世界的模拟。

“对象”是真实世界中单个实物的抽象，具有属性和方法。属性就是对象的状态；方法就是对象的行为。

过程式编程

由一系列函数或一系列指令组成

面向对象编程特点

具有灵活性、代码的可重用性、模块性等特点，容易维护和开发，非常适合多人合作的大型软件项目。

构造函数

“对象”是单个实物的抽象。通常需要一个模板，表示某一类实物的共同特征，然后“对象”根据这个模板生成。JavaScript语言的对象体系，不是基于“类”的，而是基于构造函数（constructor）和原型链（prototype）。
1. JavaScript语言使用构造函数作为对象的模板。
2. 一个构造函数，可以生成多个对象，这些对象都有相同的结构。
3. 构造函数的写法就是一个普通的函数。
4. 为了与普通函数区别，构造函数名字的第一个字母通常大写。
5. 函数体内部使用了this关键字，代表了所要生成的对象实例。生成对象的时候，必需用new命令，调用执行构造函数，返回一个实例对象。
6. new命令本身就可以执行构造函数，所以后面的构造函数可以带括号，也可以不带括号。

new命令的原理

1. 创建一个空对象，作为将要返回的对象实例
2. 将这个空对象的原型，指向构造函数的prototype属性
3. 将这个空对象赋值给函数内部的this关键字
4. 开始执行构造函数内部的代码

构造函数的目的，就是操作一个空对象（即this对象），将其“构造”为需要的样子。如果构造函数内部有return语句，而且return后面跟着一个对象，new命令会返回return语句指定的对象；否则，就会不管return语句，返回this对象。

其他：
在函数内部可以使用instanceof或new.target判断是否通过new调用函数

function Fubar(foo,bar){
    if(!(this instanceof Fubar)){return new Fubar(foo,bar);}
    this._foo=foo;
    this._bar=bar;
}
Fubar(1,2)._foo//1
(new Fubar(1,2))._foo//1

function Fubar2(foo,bar){
    if(!(new.target===Fubar2)){return new Fubar2(foo,bar);}
    this._foo=foo;
    this._bar=bar;
}
Fubar2(1,2)._foo//1
(new Fubar2(1,2))._foo//1

参考资料：
http://javascript.ruanyifeng.com/oop/basic.html