JavaScript中call、apply、bind、slice的使用

以你之姓@ 2021-12-13 05:09 303阅读 0赞

## 1、参考资料 ##

[http://www.cnblogs.com/coco1s/p/4833199.html][http_www.cnblogs.com_coco1s_p_4833199.html]

## 2、归结如下 ##

*  apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；
 *  apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文；
 *  apply 、 call 、bind 三者都可以利用后续参数传参；
 *  bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用
 *  slice用于将含有length属性的对象（伪数组对象，如arguments、document.getElementByTagName的结果、\{length:3\}等）转化为真正的数组对象

## 3、示例如下 ##

### call、apply、bind示例： ###

var obj = {
        x: 81,
    };
    var foo = {
        getX: function() {
            return this.x;
        }
    }
    console.log(foo.getX.bind(obj)());  //81
    console.log(foo.getX.call(obj));    //81
    console.log(foo.getX.apply(obj));   //81
    //当你希望改变上下文环境之后并非立即执行，而是回调执行的时候，使用 bind() 方法。而 apply/call 则会立即执行函数

### bind示例： ###

var foo = {
        bar : 1,
        eventBind: function(){
            $('body').on('click',function(event) {
                /* Act on the event */
                console.log(this.bar);      //1
            }.bind(this));
        }
    }

### slice示例： ###

Array.prototype.slice.call({length:3,0:"first",1:"second"})//["first", "second", undefined ]

转载于:https://www.cnblogs.com/z-sm/p/4840423.html

[http_www.cnblogs.com_coco1s_p_4833199.html]: http://www.cnblogs.com/coco1s/p/4833199.html

发表评论取消回复

表情：

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

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

相关阅读

相关 Javascript 中call的使用

Javascript中call的使用自己感觉蛮纠结的，根据文档很好理解，其实很难确定你是否真正的理解。 call 方法应用于：Function 对象调用一个对象的

淩亂°似流年/ 2024年02月17日 15:13/ 0 赞/ 73 阅读

相关 Javascript中call的使用

Javascript中call的使用自己感觉蛮纠结的，根据文档很好理解，其实很难确定你是否真正的理解。 call 方法应用于：Function 对象调用一个对象的

怼烎@/ 2022年09月30日 11:54/ 0 赞/ 208 阅读

相关 Javascript中call的使用

Javascript中call的使用自己感觉蛮纠结的，根据文档很好理解，其实很难确定你是否真正的理解。 call 方法应用于：Function 对象调用一个对象的

﹏ヽ暗。殇╰゛Y/ 2022年09月30日 11:54/ 0 赞/ 193 阅读

相关 javascript中typeof的使用

<html> <head> <title>javascript中typeof的使用</title> <script>

秒速五厘米/ 2022年09月19日 05:30/ 0 赞/ 163 阅读

相关 Javascript中call的使用

Javascript中call的使用自己感觉蛮纠结的，根据文档很好理解，其实很难确定你是否真正的理解。 call 方法应用于：Function 对象调用一个对象的

约定不等于承诺〃/ 2022年08月09日 06:50/ 0 赞/ 192 阅读

相关 JavaScript中字符串的使用

JavaScript的内置功能之一就是字符串连接。如果将加好（+）运算符用于数字，表示两数相加。但将它作用于字符串则表示字符串连接将第二个字符串拼接在第一个之后。例如

清疚/ 2022年08月09日 02:08/ 0 赞/ 203 阅读

相关 Javascript 中“call”的使用

<table style="word-wrap:break-word; empty-cells:show; border-collapse:collapse; table-la

红太狼/ 2022年08月06日 14:14/ 0 赞/ 169 阅读

相关 JavaScript中字符串运算符的使用

字符串运算符是用于两个字符串型数据之间的运算符，它的作用是将两个字符串连接起来。在JavaScript中，可以使用+和+=运算符对两个字符串进行连接运算。其中，+运算符用于连接

ゝ一世哀愁。/ 2022年06月03日 07:06/ 0 赞/ 226 阅读

相关 javascript中AJAX的使用

首次使用博客，记录一些自己感兴趣的东西。参考文章地址：[http://www.w3school.com.cn/ajax/ajax\_xmlhttprequest\_cre

分手后的思念是犯贱/ 2022年05月15日 11:39/ 0 赞/ 199 阅读

相关 JavaScript中Set的使用

因为Set中存放的数据都是不会重复的数据，我们在编写JS代码的时候，因此我们可以利用Set来帮助我们更便捷地完成许多的事！ 1、JS中Set的定义： var set

朴灿烈づ我的快乐病毒、/ 2021年12月05日 14:41/ 0 赞/ 380 阅读