new 到底发生了什么

function B(name) {
    this.name = name
    this.getName = function() {
         console.log(this.name)
      }
    var c = 'test'
    console.log(c)
}

var b = new B('testb')
//  javascript 实际上执行的是：

var o = new Object()   // 生成一个 新的 对象  b 这里 可以约等于  var b = {}
o.__proto__ = B.prototype // 这里就是 函数对象中 独有的 prototype 属性。
                          // 这个独有的 prototype 属性 包含了一个 constructor 属性方法，指向的就是 构造函数， 也就是 这里的  function B(name) {}
B.call(o)                 // tips :这里 就需要注意了，因为很多同学都搞不清楚 这里是什么意思。                         
                          // 由于 call 的使用 将这里this是指向o, 所以就 可以 把什么this.name/getName 强行的绑定到o上。同时，需要注意的一点就是， 这里的 构造函数 执行科一遍， 只不过是 将 this 指向的 属性和方法，都 强行的 给 新创建的  这个 o 对象 绑定了一遍。
var b = o                 // 把 这个 o 返回给了  b 。 从而完成了  var b = new B('testb') 的过程
 

B('testb') 相当于：
// window.name = 'testb'
// window.getName = function() { console.log(this.name) }

 

转载于:https://www.cnblogs.com/szatpig/p/6795091.html