new与apply

最新推荐文章于 2022-08-04 08:56:35 发布

原创最新推荐文章于 2022-08-04 08:56:35 发布 · 288 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

47 篇文章

订阅专栏

本文深入探讨了JavaScript中自定义实现new操作符和apply方法的细节。通过具体代码示例，展示了如何创建对象实例并传递参数，以及如何改变函数调用的上下文。对于理解JavaScript底层机制和函数原型链有重要帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function myNew(fn,args){
    var obj = {}
    obj.__proto__ = fn.prototype
   //创建实例的时候传参
    var res = fn.apply(obj,args)
   //当构造函数有return时，返回return值,没有则返回obj{}
    return res instanceof Object ? res : obj    
  }
  
 function returnObj(age){
     this.age = age
     return {
         name:'tes'
     }
 }
 function fn(age){
     this.age = age
 }
 var obj = myNew(returnObj,[1])
 console.log(obj); // { name: 'tes' }
 
 var obj = myNew(fn,[1])
 console.log(obj); // fn { age: 1 }

call

function myAppy(obj,args){
    obj.fn = this;
    obj.fn(...args)
    delete obj.fn
}

let obj = {
    age: 1
}
function fn(a){
    console.log(this.age);
    console.log(a);
    
    
}
Function.prototype.myAppy = function(obj,args){
    obj.fn = this;
    obj.fn(...args)
    delete obj.fn
}
fn.myAppy(obj,[2]) // 1 2