在js里面当new了一个对象时,这中间发生了什么?

比如一个构造函数Test

function Test(){
  // 代码}
var test1=new Test();

当new的时候,内部究竟发生了什么?

阅读 19k
8 个回答

object 大法好

在一切皆为对象的时代,jsObject 可以让我们创建很多相同的对象,继承对象,扩展对象,所以楼主的 new 也可以这么玩:

//楼主对象
function Test(){
  // 代码
  return '楼主';
}

//楼主想要找个 对象1 了
var test1 = new Object();  //楼主产生了一个想法

test1  = Test();  // 楼主希望 对象1 和 对象 长的一样 ,所以 `text1` 也会返回 `楼主` 

楼主在创建时干了什么?

new 关键字做了什么

JavaScript 中,使用 new 关键字后,意味着做了如下四件事情:

  1. 创建一个新的对象,这个对象的类型是 object

  2. 设置这个新的对象的内部、可访问性和[[prototype]]属性为构造函数(指prototype.construtor所指向的构造函数)中设置的;

  3. 执行构造函数,当this关键字被提及的时候,使用新创建的对象的属性; 返回新创建的对象(除非构造方法中返回的是‘无原型’)。

  4. 在创建新对象成功之后,如果调用一个新对象没有的属性的时候,JavaScript 会延原型链向止逐层查找对应的内容。这类似于传统的‘类继承’。

注意:在第二点中所说的有关[[prototype]]属性,只有在一个对象被创建的时候起作用,比如使用 new 关键字、使用 Object.create 、基于字面意义的(函数默认为 Function.prototype ,数字默认为 Number.prototype 等)。它只能被Object.getPrototypeOf(someObject) 所读取。没有其他任何方式来设置或读取这个值。

摘自

送上权威文档飞机票

1、创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型。
2、属性和方法被加入到 this 引用的对象中。
3、新创建的对象由 this 所引用,并且最后隐式的返回 this 。

var obj  = {};
obj.__proto__ = Base.prototype;
Base.call(obj); 

new操作符具体干了什么呢?

应该知道new 就相当于 产出了个对象对吧。所以呢,他的基本内部原理是这样的 它定义了一个 {} 对象。然后这个对象继承了相应构造函数 的属性,方法,__proto__什么的,然后 再把这个对象 给 return 出来。所以你得到的这个test1就继承了函数 Test的东东。其实在js里面你可以理解成所有的对象都是由函数产生的(null是个例外)。上面的说法就映射了这个道理。当然这个时候你可能会反驳说 var object = {};这样不也生成了个对象吗,其实这个本质也是个函数new出来的,可以理解为 new Object();只是写法不一样了!

  1. 创建一个新的对象,这个对象的类型是object。

  2. 该对象的prototype设置为构造器的prototype属性,即this.prototype = Foo.prototype (伪代码)

  3. 执行构造器函数。

  4. 如果构造器函数有返回值,则以该对象作为返回值。若没有return或return了基本类型,则将上述的新对象作为返回值。

new 其实很像 克隆的一个过程。 具体自己体会

构造对象的作用域链表

1、创建一个空对象 (好理解)
2、将所创建对象的__proto__属性值设成构造函数的prototype属性值 (好理解)
3、执行 构造函数中的代码,构造函数中的this指向该对象 (划重点)
4、返回该对象(除非构造函数中返回一个对象)(见下面解释)

前面几步很清楚,可能有人反而最后一步不清楚:
如果构造器函数有返回值,则以该对象作为返回值。若没有returnreturn了基本类型,则将上述的新对象作为返回值。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏