构造函数和new的关系之我见
作者：互联网
众所周知，在创建特殊用处的实例时，构造函数发挥了很大的作用。
而且，构造函数必须靠new表达式配合使用。
相声中说：
三分逗，七分捧
同样，创建实例的过程中，其实发挥着更重要的作用的是new表达式。
如果没有new表达式，构造函数和普通函数无本质区别。
就像《食神》中说的那样：
根本就没有什么食神，或者说，人人都是食神。
所以，欢迎走进new的世界。
new的功能
如下构造函数：
function WangJianLin() {
this.IQ = 180
}
WangJianLin.prototype.money = '1000亿'
var siCong = new WangJianLin()
console.log(siCong.IQ) // 180
console.log(siCong.money) // 1000亿
/*
* 这段代码，简单表现了WangJianLin和siCong的三个关系：
* 1. 让siCong出生。
* 2. 让siCong继承1000。
* 3. 让siCong的IQ为180。
* 4. 将siCong返还给国民。
*/
由此可以看出，构造函数用new实现了三个功能：
1.创建一个对象。
2.让它继承构造函数的属性库。
3.将构造函数的this指针替换成它，构造它。
4.返回这个对象。
自我实现_new函数
上述代码new WangJianLin()的作用，可用伪代码表示为：
new WangJianLin = {
// 多么普通的生命
var baby = {}
// 先天继承：
baby.__proto__ = WangJianLin.prototype
// 后天调教：
var boy = WangJianLin.call(baby)
// 一个崭新的国民老公即将诞生！
return typeof boy === 'object' ? boy : baby
}
创建一个_new函数来实现上述功能：
function _new(Fn) {
var obj = {}
obj.__proto__ = Fn.prototype
var args = [...arguments].slice(1)
var newObj = Fn.call(obj, ...args)
return typeof newObj === 'object' ? newObj : obj
}
var siCong = _new(WangJianLin)
再说new和构造函数的关系
// 普通函数foo：
function foo() {
var a = 1
}
// 构造函数Animal：
function Animal(name) {
this.name = name
}
/*
* 1. 正常使用
* */
foo()
var dog = new Animal('哈士奇') // dog: {name: '哈士奇'}
/*
* 2. 反常使用
* */
var obj = new foo() // obj: {}
Animal('哈士奇')
console.log(window.name) // '哈士奇'。已经污染了全局。
/*
* 可见，所谓的普通函数可以当构造函数来用；
* 所谓的构造函数也可以当普通函数来用；
* 只是这种职能分配有悖常理。
* */
综上所述，new操作符和构造函数的关系，好比厕所和上厕所的关系。
构造函数要用new调用，就好比上厕所就应该去厕所一样。
但是，构造函数可以不用new调用吗？
当然可以，这就好比随地大小便，会污染全局环境。
new可以调用普通函数吗？
当然可以，这就好比你不上厕所，却可以留在厕所（传说中的占着茅坑不拉屎？）。
虽然有多种选择，但是我们还是提倡用new调用构造函数这种组合，
就好像我们提倡不要随地大小便一样。
参考自：深入理解 new 操作符
标签：obj,siCong,WangJianLin,之我见,var,new,构造函数 来源： https://blog.csdn.net/best_xiaoqiang/article/details/112677231