比如一个构造函数Test
function Test(){
// 代码}
var test1=new Test();
当new的时候,内部究竟发生了什么?
比如一个构造函数Test
function Test(){
// 代码}
var test1=new Test();
当new的时候,内部究竟发生了什么?
1、创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型。
2、属性和方法被加入到 this 引用的对象中。
3、新创建的对象由 this 所引用,并且最后隐式的返回 this 。
var obj = {};
obj.__proto__ = Base.prototype;
Base.call(obj);
应该知道new 就相当于 产出了个对象对吧。所以呢,他的基本内部原理是这样的 它定义了一个 {} 对象。然后这个对象继承了相应构造函数 的属性,方法,__proto__什么的,然后 再把这个对象 给 return 出来。所以你得到的这个test1就继承了函数 Test的东东。其实在js里面你可以理解成所有的对象都是由函数产生的(null是个例外)。上面的说法就映射了这个道理。当然这个时候你可能会反驳说 var object = {};这样不也生成了个对象吗,其实这个本质也是个函数new出来的,可以理解为 new Object();只是写法不一样了!
创建一个新的对象,这个对象的类型是object。
该对象的prototype设置为构造器的prototype属性,即this.prototype = Foo.prototype (伪代码)
执行构造器函数。
如果构造器函数有返回值,则以该对象作为返回值。若没有return或return了基本类型,则将上述的新对象作为返回值。
1、创建一个空对象 (好理解)
2、将所创建对象的__proto__
属性值设成构造函数的prototype
属性值 (好理解)
3、执行 构造函数中的代码,构造函数中的this
指向该对象 (划重点)
4、返回该对象(除非构造函数中返回一个对象)(见下面解释)
前面几步很清楚,可能有人反而最后一步不清楚:
如果构造器函数有返回值,则以该对象作为返回值。若没有return
或return
了基本类型,则将上述的新对象作为返回值。
8 回答4.9k 阅读✓ 已解决
6 回答3.6k 阅读✓ 已解决
5 回答3k 阅读✓ 已解决
5 回答6.5k 阅读✓ 已解决
4 回答2.3k 阅读✓ 已解决
5 回答1.4k 阅读✓ 已解决
4 回答2.8k 阅读✓ 已解决
在一切皆为对象的时代,
js
的Object
可以让我们创建很多相同的对象,继承对象,扩展对象,所以楼主的new
也可以这么玩:楼主在创建时干了什么?
new
关键字做了什么创建一个新的对象,这个对象的类型是
object
;设置这个新的对象的内部、可访问性和
[[prototype]]
属性为构造函数(指prototype.construtor
所指向的构造函数)中设置的;执行构造函数,当
this
关键字被提及的时候,使用新创建的对象的属性; 返回新创建的对象(除非构造方法中返回的是‘无原型’)。在创建新对象成功之后,如果调用一个新对象没有的属性的时候,
JavaScript
会延原型链向止逐层查找对应的内容。这类似于传统的‘类继承’。摘自
送上权威文档飞机票