javascript 模拟new的实现

一时失言乱红尘 2022-12-20 03:06 242阅读 0赞

> 1.  **引用MDN对new运算符的定义：** new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。
> 2.  **MDN: new操作符会干下面这些事：**  
>     (1) 创建一个空的简单JavaScript对象（即\{\}）  
>     (2) 链接该对象（即设置该对象的构造函数）到另一个对象  
>     (3) 将步骤1新创建的对象作为this的上下文  
>     (4) 如果该函数没有返回对象，则返回this
> 3.  **我稍微重新解释下2，转为实现步骤：**  
>     (1) 创建obj  
>     (2) 链接类的原型到obj的原型上  
>     (3) 在obj中创建类的对象作用域  
>     (4) 如果该类(函数)没有返回对象，则返回obj

1.  实现1（ES6版）
    
        function newFunction(_class, ..._args){ 
        	// 创建空对象obj
        	let obj = { };
        	// 链接类的原型到obj的原型
        	obj.__proto__ = _class.prototype;
        	// obj中创建类的对象作用域
        	let re = _class.apply(obj, _args);	// 或_class.call(obj, ..._args)
        	// 如果该类没有返回对象，则返回obj
        	return ((typeof re === 'object' || typeof re === 'function') && re !== null)? re: obj;
        }
2.  实现2（ES6之前）
    
        function newFunction(_class){ 
        	// 创建空对象obj
        	let obj = { };
        	// 链接类原型到obj原型
        	obj.__proto__ = _class.prototype;
        	// 在obj内创建类的对象作用域
        	let re = _class.apply(obj, Array.prototype.slice.call(arguments, 1));
        	// 如果类没有返回对象，则返回obj
        	return ((typeof re === 'object' || typeof re === 'function') && re !== null)? re: obj;
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，242人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript中的new原理及实现

> 在js中，我们通过new运算符来创建一个对象，它是一个高频的操作。我们一般只是去用它，而很少关注它是如何实现的，它的工作机制是什么。 1 简介本文介绍ne

男娘i/ 2024年02月19日 08:49/ 0 赞/ 52 阅读

相关字节：如何模拟实现 new 操作符

点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群 [https://mp.weixin.qq.com/s/2elzsKW1uqVsp0

不念不忘少年蓝@/ 2023年01月15日 14:28/ 0 赞/ 199 阅读

相关 javascript 模拟new的实现

> 1. 引用MDN对new运算符的定义： new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 > 2. MDN: new操作符会干下面这些事：

一时失言乱红尘/ 2022年12月20日 03:06/ 0 赞/ 243 阅读

相关 [JavaScript]new操作符做了什么？如何实现一个 new?

做了什么？ 1、创建了一个空的js对象（即\{\}） 2、将空对象的原型prototype指向构造函数的原型 3、将空对象作为构造函数的上下文（改变this指向）

- 日理万妓/ 2022年12月10日 14:40/ 0 赞/ 204 阅读

相关 javascript关键字new

<!doctype html> <html> <head> <title>javascript new</title> <script>

ゞ浴缸里的玫瑰/ 2022年08月14日 04:50/ 0 赞/ 271 阅读

相关 Javascript模拟实现类class

在面向对象编程中，类（class）是对象（object）的模板，定义了同一组对象（又称”实例”）共有的属性和方法。 Javascript语言不支持”类”，但是可以用一些变通的

我会带着你远行/ 2022年08月05日 11:24/ 0 赞/ 186 阅读

相关 JavaScript new 的实现

new 特性《你不知道的JavaScript》提到：使用 new 调用函数，或者说发生构造函数调用时，会自动执行下面的操作：创建（或者说）构造一个全新的对

Myth丶恋晨/ 2022年05月28日 06:50/ 0 赞/ 185 阅读

相关 javascript深入之new的实现

new 一句话介绍 new: > new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一也许有点难懂，我们在模拟 new 之前，先看看 ne

小鱼儿/ 2022年05月25日 14:28/ 0 赞/ 178 阅读

相关 JavaScript深入之bind的模拟实现

bind 一句话介绍 bind: > bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将

迷南。/ 2022年05月25日 14:28/ 0 赞/ 202 阅读

相关 javascript中new的模拟实现

> new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。语法：`new constructor[([arguments])]` 那么什么是构造函

超、凢脫俗/ 2022年05月23日 08:15/ 0 赞/ 177 阅读