JavaScript的new关键字,到底做了什么

看到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之前),不过作用域变成了新创建的对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值