微信公众号:路人zhang
网站救助计划

1.为阅读体验,本站无任何广告,也无任何盈利方法,站长一直在用爱发电,现濒临倒闭,希望有能力的同学能帮忙分担服务器成本


2.捐助10元及以上同学,可添加站长微信lurenzhang888,备注捐助网站倒闭后可联系站长领取本站pdf内容


3.若网站能存活下来,后续将会持续更新内容

当前位置: 前端 > 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

本站链接:https://www.mianshi.online如需勘误或投稿,请联系微信:lurenzhang888


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