new

124 阅读1分钟

new 原理

mdn 原文:

当代码 new Foo(...) 执行时,会发生以下事情:

  1. 一个继承自 Foo.prototype 的新对象被创建。
  2. 使用指定的参数调用构造函数 Foo,并将 this 绑定到新创建的对象。new Foo 等同于 new Foo(),也就是没有指定参数列表,Foo 不带任何参数调用的情况。
  3. 由构造函数返回的对象就是 new 表达式的结果。如果构造函数没有显式返回一个对象,则使用步骤 1 创建的对象。(一般情况下,构造函数不返回值,但是用户可以选择主动返回对象,来覆盖正常的对象创建步骤)

个人理解

function Car() {
    this.a = 1
    return function () {
        console.log(a)
    }
}

var a = 3
var myCar = new Car()
myCar() //3

GO{ Car:function() a:3 }

new 构造函数时生成 Car 的 AO AO 内生成一个空对象 this 指向该空对象 Car.AO:{ this:{} } 然后执行构造函数 Car.AO:{ this:{a:1} }执行完后如果没有显示的返回一个引用类型例如对象、函数、数组则返回生成的这个对象 [[scope]]->Car.AO(无 a)->GO