【面试题】new 一个对象时，js 做了什么？_new一个对象js

前后端面试题库 （面试必备） 推荐：★★★★★

地址：前端面试题库  web前端面试题库 VS java后端面试题库大全

在 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 操作符没有作用。

Vue

• 什么是MVVM？

• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

• 组件之间的传值？

• Vue 双向绑定原理

• 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？

• 虚拟 DOM 实现原理

• Vue 中 key 值的作用？

• Vue 的生命周期

• Vue 组件间通信有哪些方式?

• vue 中怎么重置 data?

• 组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】