new 操作符做了什么

Coder_FHH

已于 2022-03-10 18:02:17 修改

阅读量183

点赞数

分类专栏：前端 js

于 2021-03-31 15:21:28 首次发布

本文链接：https://blog.csdn.net/Coder_FHH/article/details/115350896

版权

javascript 原型模式开发语言

前端同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

11 篇文章 0 订阅

订阅专栏

// 构造函数
const Func = function() {
	this.name = 'fhh';
	this.age = 18;
}

const myFunc = new Func(); // new 一个构造函数做了什么?
结果: myFunc: {
	name: 'fhh',
	age: 18
}

1.new 一个对象

let obj = new Object();

2.把new出来的空对象的proto指针指向构造函数Func的prototype指针，即指向Func的原型对象

obj.__proto__ = Func.prototype;

3.执行构造函数，并把this指针显示绑定到obj对象

let result = Func.call(obj);

4.判断result类型，如果result是对象类型，则把result赋值给myFunc，如果不是对象类型，则把obj赋值给myFunc

举个栗子：

// 构造函数
const Func1 = function() {
	this.name = 'fhh';
	this.age = 18;

	return {
		name: 'kobe'
	}
}

const myFunc1 = new Func1();
结果: myFunc1: {
	name: 'kobe'
}