这个妞是什么？--Javascript中的new详解

先看这个代码：

var Person = function (name, age) {
    this.name = name;
    this.age = age;
    this.gender = ['man','woman']
}
var person1 = new Person('p1','10')
var person2 = Person('p2','20')
console.log(person1)
console.log(person2)

运行结果是

在Person中加上return this，返回一个对象

var Person = function (name, age) {
    this.name = name;
    this.age = age;
    this.gender = ['man','woman']
    return this
}
var person1 = new Person('p1','10')
var person2 = Person('p2','20')
console.log(person1)
console.log(person2)

加上return this的函数实例化，就可以看出和new实例化的区别了。

• new实例化的对象在Person对象中执行，真正实例化了一个对象
• 不加new的在window对象中执行，没有真正实例化一个对象

new运算符做了些什么？

• 创建一个新对象
• 将函数的作用域赋给新对象，产生一个新的上下文
• 执行函数中的代码（为新对象添加属性、方法）
• 考察第3步返回的返回值，无返回值或者返回一个非对象值时，则将创建的新对象返回，否则会将返回值作为新对象返回。（也就是说一定会返回一个对象回来，这一步可以从下面的代码得结论）