call()实现原理（function原型上的方法）

最新推荐文章于 2024-05-24 18:18:10 发布

胖妮儿

最新推荐文章于 2024-05-24 18:18:10 发布

阅读量2.3k

点赞数

分类专栏：原生js实现方法原理文章标签： call实现原理 function原型实现原理

本文链接：https://blog.csdn.net/pony_pony/article/details/79064595

版权

原生js实现方法原理专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>call()实现原理</title>
</head>
<body>

</body>
</html>
<script type="text/javascript">
    //让.前面的函数执行
    Function.prototype.call=function () {
        //this:当前实例其实就是谁执行的call方法就是谁
        //call前面的函数就是this,既然call可以让前面的函数执行
        // 在这里就是this执行
        //第一个参数没传,null,undefined,直接让this()
        var ary=[...arguments].slice(1);
        if(arguments[0]==undefined){
            this(...ary);
            //eval("this("+ary+")");
        }else {
            //为了保证你传进来的参第一个数是一个引用数据类型
            var obj=Object(arguments[0]);//将参数变成一个对象

            obj.__proto__.fn=this;
            obj.fn(...ary);
            delete obj.__proto__.fn;
        }

    };
    function fn(n) {
        console.log(n);
        console.log(this);
    }
    function fn1() {
        console.log("我是fn1");
    }
    var o={a:1};
    fn.call(o,1);
</script>
<script>

   Function.prototype.call=function () {
       var ary=[...arguments].slice(1);
       if(arguments[0]==undefined){
         this(...ary);
       }else {
           var obj=Object(arguments[0]);
           obj.__proto__.fn=this;
           obj.fn(...ary);
           delete obj.__proto__.fn;
       }
       return this;
   };
    var obj={b:1};
   function ff(x) {
       console.log(this);
   };
   console.log(ff.call(obj, 1, 2).name);
</script>

胖妮儿

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
call()实现原理（function原型上的方法）

html>html lang="en">head> meta charset="UTF-8"> title>call()实现原理title>head>body>body>html>script type="text/javascript"> //让.前面的函数执行 Function.prototype.call=function () {
复制链接

扫一扫