看到js高程第六章的时候,有一段示例代码是这样子的:
function Person(name, age, job){
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function(){
alert(this.name);
};
return o;
}
var friend = new Person("Nicholas", 29, "Software Engineer"); //对,说的就是这一行的new操作符
friend.sayName(); //"Nicholas"
看着里面的new,越看越别扭。因为总感觉,这里的new可以去掉,而且结果是不会受到影响的。遂实验之,果然,new去掉之后,程序仍然是预期的结果。
在这段代码后面,书上有这么一段话:
构造函数在不返回值的情况下,默认会返回新对象实例。而通过在构造函数的末尾添加一个return语句,可以重写调用构造函数返回的值。
可以这样理解,如果这里去掉了new操作符,这个函数将作为一般函数来调用,返回值是一个对象o。其实构造函数本质上也是一个普通的函数,js没有把构造函数和一般函数作出区分,也就是说,构造函数只是我们对这类用于穿件对象的函数的一个叫法而已。关键的还是new操作符。原则上我们可以对任何一个函数使用new 操作符,红书6.2有这么一段话:
要创建 Person 的新实例,必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4 个步骤:
(1) 创建一个新对象;
(2) 将构造函数的作用域赋给新对象(因此 this 就指向了这个新对象);
(3) 执行构造函数中的代码(为这个新对象添加属性);
(4) 返回新对象。
也就是说,只要用new操作符调用函数,都会经历这四个步骤,而函数的内容是无关的,构造函数只是我们给一个普通函数的称呼而已。这里的第四点是说得不严谨的。
需要分情况讨论:
1.如果“构造函数”没有返回值,就按照上面的第四点,返回新创建的对象,这很好理解,也是构造函数最常见的使用情景。
2.如果函数返回的是一个引用类型,那么就好像上面提到的,将会直接返回这个函数return语句返回的对象,而忽略掉通过new关键字给我们悄咪咪创建“新创建的对象”。(值得注意的是,Array,Function这些都是引用类型)
3.但是如果“构造函数”返回的是一个普通类型的值,例如一个数字,那么将会跟没有返回值的构造函数一样,返回新创建的那个对象。
可以通过以下代码实验
function fn(){
var num = 1;
return num;
}
var result = new fn();
console.log(result); //控制台会输出fn(){}
无论是哪一种情况,采用new关键字调用函数,函数中的每一句代码都会执行(return之前),不过作用域变成了新创建的对象