JavaScript new对象的四个过程

new 一个对象

function Person(name, age) {  this.name = name;  this.age = age;
}
var person = new Person("hellen", 23);

1、创建一个空对象

var obj = new Object();

2、让Person中的this指向obj，并执行Person的函数体

var result = Person.apply(obj,arguments);

3、设置原型链，将obj的__proto__成员指向了Person函数对象的prototype成员对象

obj.__proto__ = Person.prototype;

4、判断Person的返回值类型，如果是值类型，返回obj。如果是引用类型，就返回这个引用类型的对象。

if (typeof(result) == "object") person = result;
elseperson = obj;

function Person (name, age) {this.name = name;this.age = age;
}
Person.prototype.sayName = function () {console.log(this.name);
};
var person = new Person('Hellen', 23);
person.sayName();
console.log(person instanceof Person);function New () {let obj = new Object();let fn = [].shift.call(arguments);let args = arguments;var ret = fn.apply(obj, args);obj.__proto__ = fn.prototype;return typeof ret === 'object' ? ret : obj;
}
let person1 = New(Person, 'Bob', 23);
person1.sayName();
console.log(person1 instanceof Person);

转载于:https://www.cnblogs.com/xiaosongJiang/p/11005193.html

JavaScript new对象的四个过程相关推荐

Javascript 遍历对象的四种方法
方法一: for - in 循环遍历对象自身的和继承的可枚举属性 (循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)) 方法二: 使用Object.keys()遍历 (返回一个数组,包括对 ...
Javascript第五章history对象第四课
ECMAScript参考:https://blog.csdn.net/qq_30225725/article/details/88621180 DOM参考:Javascript第五章window对象的 ...
JavaScript原生对象及扩展
来源于 https://segmentfault.com/a/1190000002634958 内置对象与原生对象内置(Build-in)对象与原生(Naitve)对象的区别在于:前者总是在引擎初始 ...
(转)javascript异步编程的四种方法
本文转自:http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html 作者:阮一峰本文仅仅作为个人mark ...
JavaScript的对象、属性与方法
目录一.JavaScript的预解析二 .JavaScript的对象(面向对象编程) 1.对象:是一种数据类型.是属性和方法的集合 (1)属性:是对象的静态特征 (2)方法(函数):是对象的动态特 ...
JavaScript高级程序设计第四版学习--第二十四章
title: JavaScript高级程序设计第四版学习–第二十四章 date: 2021-5-31 10:46:01 author: Xilong88 tags: JavaScript 本章内容: ...
JavaScript __ 对象小记
JavaScript __ 对象小记文章目录 JavaScript __ 对象小记前言一.对象的组成二.JavaScript中的三种对象 1.自定义对象三种创建对象的方法 1)字面量创建对象 ...
JavaScript学习笔记（四）---闭包、递归、柯里化函数、继承、深浅拷贝、设计模式
JavaScript学习笔记(四)---闭包.递归.柯里化函数.继承.深浅拷贝.设计模式 1. 匿名函数的使用场景 2.自运行 3.闭包 3.1前提: 3.2闭包 4.函数对象的三种定义方式 5.th ...
JavaScript 复制对象与Object.assign方法无法实现深复制
在JavaScript这门语言中,数据类型分为两大类:基本数据类型和复杂数据类型.基本数据类型包括Number.Boolean.String.Null.String.Symbol(ES6 新增),而复 ...

JavaScript new对象的四个过程

JavaScript new对象的四个过程相关推荐

最新文章

热门文章