bind,apply,call的区别

水深无声 2021-11-02 12:56 388阅读 0赞

在Javascript中，bind, apply, call方法都可以显式绑定上下文this，这三者有何不同呢？  
  
  
**bind只绑定this不马上执行**

var person = {
        firstname: 'darren',
        lastname: 'ji',
        getFullName: function(){
            var fullname = this.firstname + ' ' + this.lastname;
            return fullname;
        }
    };
    
    //在浏览器中这里的this就是指向window
    var logName = function(arg1, arg2){
        console.log(this.getFullName());
    }
    
    //bind只是设置了this的指向，本身并不能执行
    var logPersonName = logName.bind(person);
    
    //darren ji
    logPersonName();

**call不仅绑定this，还马上执行，并接受可变参数**

var person = {
        firstname: 'darren',
        lastname: 'ji',
        getFullName: function(){
            var fullname = this.firstname + ' ' + this.lastname;
            return fullname;
        }
    };
    
    //在浏览器中这里的this就是指向window
    var logName = function(arg1, arg2){
        console.log(this.getFullName());
        console.log('Arguments: ' + arg1 + ' ' + arg2);
    }
    
    //darren ji
    //Arguments: en es
    logName.call(person, 'en','es');

**apply不仅绑定this,也马上执行，并接受数组**

var person = {
        firstname: 'darren',
        lastname: 'ji',
        getFullName: function(){
            var fullname = this.firstname + ' ' + this.lastname;
            return fullname;
        }
    };
    
    //在浏览器中这里的this就是指向window
    var logName = function(arg1, arg2){
        console.log(this.getFullName());
        console.log('Arguments: ' + arg1 + ' ' + arg2);
    }
    
    //darren ji
    //Arguments: en es
    logName.apply(person, ['en', 'es']);

转载于:https://www.cnblogs.com/darrenji/p/5002852.html

发表评论取消回复

表情：

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

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

相关阅读

相关 GET和POST的区别（真正的区别）

你可能轻轻松松的给出了一个“标准答案”： > GET在浏览器回退时是无害的，而POST会再次提交请求。 > GET产生的URL地址可以被Bookmark，而POS

蔚落/ 2023年06月05日 11:08/ 0 赞/ 3 阅读

相关 #和$的区别

MyBatis：\和$的区别一、结论　　\\{\}：占位符号，好处防止sql注入　　$\{\}：sql拼接符号二、具体分析动态 SQL 是 my

拼搏现实的明天。/ 2023年01月23日 05:52/ 0 赞/ 22 阅读

相关 ==与===的区别

== 和===的区别在于===不会转型 ==会转型。 1、当Number和String进行比较时，会将String转换成Number，也就是toNumber。 2、当其他类

「爱情、让人受尽委屈。」/ 2022年12月28日 07:28/ 0 赞/ 383 阅读

相关 #{}和${}的区别

\\{\}获取参数的内容，支持索引获取，param1获取指定位置参数，并且SQL使用？占位符字符串拼接不使用？，默认找 \{\}字符串拼接不使

拼搏现实的明天。/ 2022年10月02日 08:51/ 0 赞/ 365 阅读

相关 &和&&的区别

&和&&都可以用作逻辑与的运算符，表示逻辑与（and），当运算符两边的表达式的结果都为true时，整个运算结果才为true，否则，只要有一方为false，则结果为false。

本是古典何须时尚/ 2022年06月18日 04:53/ 0 赞/ 300 阅读

相关数据库的区别

数据库的区别 mysql 一个实例对应多个数据库 Oracle 一个实例对应一个数据库实例好比一个mysql.exe 每台电脑只运行一次安装程

柔光的暖阳◎/ 2022年05月20日 10:00/ 0 赞/ 254 阅读

相关区别：cookie和session的区别

转自：[https://blog.csdn.net/axin66ok/article/details/6175522][https_blog.csdn.net_axin66ok

Dear 丶/ 2022年05月19日 10:00/ 0 赞/ 497 阅读

相关 &和&&的区别

&和&&都可以用作逻辑与的运算符，表示逻辑与（and），当运算符两边的表达式的结果都为 true时，整个运算结果才为 true，否则，只要有一方为 false，则结果为 fal

﹏ヽ暗。殇╰゛Y/ 2022年05月11日 01:44/ 0 赞/ 442 阅读

相关 javascript （）、[]、{}的区别

一、\{ \} 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数体在js中,\[\]表示的是数组对象，\{\}表示的是对象； var arr =

你的名字/ 2021年11月17日 09:14/ 0 赞/ 552 阅读

相关 /,./和../的区别

小知识点还是很重要的，不常用的总是记不住。 1、./是[当前目录][Link 1] 2、../是父级目录 3、/是根目录 [Link 1]: http

喜欢ヅ旅行/ 2021年09月18日 10:52/ 0 赞/ 870 阅读