你知道new一个对象时，js做啥了吗

前言

在 javascript 中, 通过 new 操作符可以创建一个实例对象，而这个实例对象继承了原对象的属性和方法。因此，new 存在的意义在于它实现了 javascript 中的继承，而不仅仅是实例化了一个对象。

new 的作用

我们先通过例子来了解 new 的作用，示例如下：

function Person(name) {  this.name = name}Person.prototype.sayName = function () {  console.log(this.name)}const t = new Person('小明')console.log(t.name)  // 小明t.sayName()  // 小明

登录后复制

从上面的例子中我们可以得出以下结论：

new 通过构造函数 Person 创建出来的实例对象可以访问到构造函数中的属性。new 通过构造函数 Person 创建出来的实例可以访问到构造函数原型链中的属性，也就是说通过 new 操作符，实例与构造函数通过原型链连接了起来。

构造函数 Person 并没有显式 return 任何值（默认返回 undefined），如果我们让它返回值会发生什么事情呢？

function Person(name) {  this.name = name  return 1}const t = new Person('小明')console.log(t.name)  // 小明

登录后复制

在上述例子中的构造函数中返回了 1，但是这个返回值并没有任何的用处，得到的结果还是和之前的例子完全一样。我们又可以得出一个结论：

构造函数如果返回原始值，那么这个返回值毫无意义。

我们再来试试返回对象会发生什么：

function Person(name) {  this.name = name  return {age: 23}}const t = new Person('小明')console.log(t)  // { age: 23 }console.log(t.name)  // undefined

登录后复制

通过上面这个例子我们可以发现，当返回值为对象时，这个返回值就会被正常的返回出去。我们再次得出了一个结论：

构造函数如果返回值为对象，那么这个返回值会被正常使用。

总结：这两个例子告诉我们，构造函数尽量不要返回值。因为返回原始值不会生效，返回对象会导致 new 操作符没有作用。

实现 new

首先我们要清楚，在使用 new 操作符时，js 做了哪些事情:

js 在内部创建了一个对象这个对象可以访问到构造函数原型上的属性，所以需要将对象与构造函数连接起来构造函数内部的this被赋值为这个新对象(即this指向新对象)返回原始值需要忽略，返回对象需要正常处理

知道了步骤后，我们就可以着手来实现 new 的功能了:

function _new(fn, ...args) {  const newObj = Object.create(fn.prototype);  const value = fn.apply(newObj, args);  return value instanceof Object ? value : newObj;}

登录后复制

测试示例如下：

function Person(name) {  this.name = name;}Person.prototype.sayName = function () {  console.log(this.name);};const t = _new(Person, "小明");console.log(t.name);  // 小明t.sayName();  // 小明

登录后复制

以上就是关于 JavaScript 中 new 操作符的作用，以及如何来实现一个 new 操作符。

以上就是你知道new一个对象时，js做啥了吗的详细内容，更多请关注【创想鸟】其它相关文章！