扫码关注微信公众号

回复“面试手册”,获取本站PDF版

回复“简历”,获取高质量简历模板

回复“加群”,加入程序员交流群

回复“电子书”,获取程序员类电子书

当前位置: 前端 > javascript高频面试题 > 8. new操作符的执行原理?

new的作用是通过构造函数来创建一个实例对象,当函数用作构造函数时,和普通函数不一样,首字母一般要大写,以作区分。

执行过程:

(1)创建了一个新的空对象

(2)将空对象的原型指向函数的原型对象

(3)将函数的 this 指向这个对象,执行构造函数的代码(为这个新对象添加属性)

(4)判断函数的返回值类型,如果是值类型,返回创建的对象。如果是引用类型,就返回这个引用类型的对象

代码实现

const NewFuntion = function() {
  let constructor = Array.prototype.shift.call(arguments);
  let result = null;
  // 判断参数是否是一个函数
  if (typeof constructor !== "function") {
    throw new Error("type error");
    return;
  }
  // 新建一个空对象,对象的原型为构造函数的 prototype 对象
  let newObj = Object.create(constructor.prototype);
  // 将 this 指向新建对象,并执行函数
  result = constructor.apply(newObject, arguments);
  // 判断返回对象,如果是值类型,返回创建的对象。如果是引用类型,就返回这个引用类型的对象
  let flag = result && (typeof result === "object" || typeof result === "function");
  return flag ? result : newObject;
}
const Fun1 = function(num){
	this.num = num
}
let fun1 = NewFuntion(Fun1, 123);
console.log(fun1.name) // 123

点击面试手册,获取本站面试手册PDF完整版