JS手动实现一个new操作符

最新推荐文章于 2023-07-17 11:05:47 发布
原创 最新推荐文章于 2023-07-17 11:05:47 发布 · 241 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #原型模式 #前端

1.首先来说一说new操作符都做了哪些事情呢？
创建了一个空对象，并将对象原型指向构造函数的prototype，执行构造函数后返回这个对象。
具体分析步骤如下：
a.创建一个新对象
b.链接到原型（将构造函数的prototype赋值给新对象的_proto_）
c.绑定this（构造函数中的this指向新对象并且调用构造函数）
d.返回新对象

2.代码实现

function _new(constructor,...props){
   
   
    var obj={
   
   } //首先创建一个空对象
    obj._proto_=constructor.prototype
最低0.47元/天 解锁文章

200万优质内容无限畅学
js代码-手动实现 new 操作符
07-16
js代码-手动实现 new 操作符
JavaScript 手动实现new操作符
火星基地
09-27 450
1. 回顾构造函数、实例、原型对象的关系 构造函数的prototype属性指向了构造函数的原型对象 实例对象是由构造函数创建的，实例对象的__proto__属性指向了构造函数的原型对象 构造函数的原型对象的constructor属性指向了构造函数，实例对象的原型的constructor属性（usr1. __proto__.constructor）也指向了构造函数 现有构造函数Star，Star的实例对象usr1，其三者关系如图所示： 2. new操作符做了什么 简单来说，当我们使用new操作符为构造函
Javascript基础知识-原型链-手动实现一个 new 操作符
lovepink527的博客
07-17 230
要手动实现一个 new 操作符，首先要知道 new 操作符都做了什么事，即构造函数的内部原理： 创建一个新对象； 链接到原型（将构造函数的 prototype 赋值给新对象的 proto）； 绑定this（构造函数中的this指向新对象并且调用构造函数） 返回新对象 这样我们就可以手动实现一个 new 方法了 function realizeNew () { //创建一个新对象 let obj = {}; //获得构造函数 let Con = [].shift..
js new操作符的实现过程
qq_35703552的博客
01-24 1020
一.在JavaScript中，new操作符用于创建一个给定构造函数的实例对象 例子 function Person(name, age){ this.name = name; this.age = age; } Person.prototype.sayName = function () { console.log(this.name) } const person = new Person('Tom', 20) console.log(person) // Person {n.
JS实现一个 New操作
看陌生的风景的博客
06-06 296
js new
JS手动实现new操作符的代码实现解析
在JavaScript编程中，new操作符用于创建一个实例对象。new操作符的执行过程可以分为以下几个步骤： 1. 创建一个空的JavaScript对象。 2. 将新创建的对象设置为构造函数的上下文（this）。 3. 执行构造函数中的代码...
手动实现 JavaScript 中的 new 操作符
资源摘要信息:"在JavaScript中，new操作符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。在本节中，我们将探讨如何手动实现new操作符，以便更好地理解其内部工作原理。我们将通过编写代码来...
js手动实现new（思路1）
qq_41265268的博客
04-08 322
new 的作用 function fn(name) { this.name = name /** 1.当函数返回一个原始类型的数据时，对p1无影响 return 123 */ /** 2.当函数返回一个对象时，p1 = {name: '李四'}，且无法访问函数原型上的方法 return { name: '李四' } */ } fn.prototype.getName = function() { console.log('姓名：' + this.name
JS（10）new操作符的代码实现
wsz123456wsz的博客
02-10 249
JS中new操作符的具体实现
使用js实现一个new操作符
m0_58884030的博客
07-15 351
返回的是数据，就实例化一个对象接受，如果是一个对象则返回该对象。3、改变this指向，将this指向这个空对象上。1、创建了一个空对象。
JS高级之手动实现new操作符
Shinebone的博客
04-24 155
相信大家都很好奇，在js中为什么函数在经过new操作之后会变成一个对象？ function Foot(params){ this.name = params } Foot("aa") undefined new Foot("aa") Foot{name: 'aa'} 实际上，new是一个语法糖 从上面介绍中，我们可以看到new关键字主要做了以下的工作： 创建一个新的对象obj ...
js new操作符
qq_42744920的博客
04-03 958
new操作符是什么？ 在JS中，new操作符是用来通过构造函数来创建一个实例对象的。例如： function Foo(name){ this.name = name; } let foo = new Foo('zhangsan'); console.log(foo); console.log(foo.__proto__ === Foo.prototype ) new操作符在实例化对象过程中做了什么？ 从上图可以看到，new帮我们做了这样几件事： 创建了一个空对象； 将空对象原型的内存地址__pro
利用javascript实现一个new
qq_45697534的博客
12-25 367
new操作符在js中起到哪些作用呢 1、创建了一个空对象。 2、将空对象的原型挂载到被实例化的类上。 3、改变this指向，将this指向这个空对象上。 4、判断返回结果。如果构造函数返回的是数据，就实例化一个对象接受，如果是一个对象则返回该对象。 代码如下： function Fun(age,name){ this.age = age; this.name = name; return {};
JS new操作符原理并手动实现
Sodaxiang的博客
12-30 362
JS new操作符主要做了以下几件事 创建空对象; 将对象的__proto__指向函数的prototype; 改变this的指针； 将其返回。 自己手动实现一个new 操作符 参考链接
手动实现new操作符
mj的博客
10-24 459
new操作符都做了什么 function Person(name) { this.name = name } Person.prototype.sayName = function () { console.log(this.name) } const p = new Person('mj'); console.log(p.name) // 'mj' p.sayName() // 'm...
JavaScript手动实现new操作符
yanwosky4的博客
06-07 255
JavaScript手动实现new操作符 手动实现JavaScript中new操作符的功能 创建新对象使用new操作符，以这种方式调用构造函数实际上经历了以下几个步骤 ① 创建一个新对象 ② 将构造函数的作用域赋给新对象（因此this就指向了这个新对象） ③ 执行构造函数中的代码（为这个新对象添加属性） ④ 返回新队形 function newTarget() { // 创建一个空对象 const obj = {}; // 获取需要创建对象对应的构造函数,和其他参数 const [Con, ...a
js简单实现一个new
Lyn1421的博客
07-17 292
2:父.prototype == 子.__proto__3:构造函数里的this指向实例对象.4:返回值是一个对象类型.1:创建一个对象 {},
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值