如何实现一个 new - Js中文网

题目描述：

如何实现一个 new

解题：

• 思路一：

// 实现一个new
var Dog = function(name) {
  this.name = name
}
Dog.prototype.bark = function() {
  console.log('wangwang')
}
Dog.prototype.sayName = function() {
  console.log('my name is ' + this.name)
}
let sanmao = new Dog('三毛')
sanmao.sayName()
sanmao.bark()
// new 的作用
// 创建一个新对象obj
// 把obj的__proto__指向Dog.prototype 实现继承
// 执行构造函数，传递参数，改变this指向 Dog.call(obj, ...args)
// 最后把obj赋值给sanmao
var _new = function() {
  let constructor = Array.prototype.shift.call(arguments)
  let args = arguments
  const obj = new Object()
  obj.__proto__ = constructor.prototype
  constructor.call(obj, ...args)
  return obj
}
var simao = _new(Dog, 'simao')
simao.bark()
simao.sayName()
console.log(simao instanceof Dog) // true

JS中文网 - 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台，每天都可以在这里找到技术世界的头条内容

• 思路二：

function _new(fn, ...arg) {
	const obj = Object.create(fn.prototype);
	const ret = fn.apply(obj, arg);
	return ret instanceof Object ? ret : obj;
}

• 思路三：

• 先理清楚 new 关键字调用函数都的具体过程，那么写出来就很清楚了

• 1.首先创建一个空的对象，空对象的__proto__属性指向构造函数的原型对象

• 2.把上面创建的空对象赋值构造函数内部的this，用构造函数内部的方法修改空对象

• 3.如果构造函数返回一个非基本类型的值，则返回这个值，否则上面创建的对象

function _new(fn, ...arg) {
	var obj = Object.create(fn.prototype);
	const result = fn.apply(obj, ...arg);
	return Object.prototype.toString.call(result) == '[object Object]' ? result : obj;
}

• 更多文章
• https://www.javascriptc.com/2550.html
• https://www.javascriptc.com/2431.html
• https://www.javascriptc.com/2437.html

JS中文网 - 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台，每天都可以在这里找到技术世界的头条内容】