js源码分析（三）——Bind

最新推荐文章于 2023-08-01 22:36:02 发布

emm_10_01

最新推荐文章于 2023-08-01 22:36:02 发布

阅读量329

点赞数 5

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/emm_10_01/article/details/122608733

版权

js源码（bind）：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        function demo() {
            console.log(this);
            name = "2";
        }
        
        var obj = {
            name: '1',
            age: 2,
        }
        Function.prototype.myBind = function () {
            // 1. 存储改变this指向的对象
            var target = arguments[0] || window;
            var _arg = Array.from(arguments).slice(1);
            // 2. 找出最终要指向的函数 找到demo
            var self = this;
            return function () {
                // 执行demo 并且将demo的this指向 改为 target
                var arg = Array.from(arguments)
                target.fn = self;
                target.fn(...(_arg.concat(arg)));
            }
        }

        var fn = demo.myBind(obj);
        fn(1, 2, 3, 4, 5, 6)
    </script>
</body>

</html>

emm_10_01

关注

5
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js源码分析（三）——Bind

js源码（bind）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt
复制链接

扫一扫