zoukankan      html  css  js  c++  java
  • js笔记——call,apply,bind使用笔记

    call和apply

    obj.call(thisObj, arg1, arg2, ...);
    obj.apply(thisObj, [arg1, arg2, ...]);
    

    两者作用一致,都是把obj(即this)绑定到thisObj,这时候thisObj具备了obj的属性和方法。或者说thisObj『继承』了obj的属性和方法。绑定后会立即执行函数。

    唯一区别是apply接受的是数组参数,call接受的是连续参数。

    function add(j, k){
    	return j+k;
    }
    
    function sub(j, k){
    	return j-k;
    }
    

    我们在控制台运行:

    add(5,3); //8
    add.call(sub, 5, 3); //8
    add.apply(sub, [5, 3]); //8
    
    sub(5, 3); //2
    sub.call(add, 5, 3); //2
    sub.apply(add, [5, 3]); //2
    

    调用原生对象的方法

    示例:

    var a = {0:1, 1:"yjc", length: 2}; 
    
    a.slice(); //TypeError: a.slice is not a function
    
    Array.prototype.slice.call(a);//[1, "yjc"]
    
    

    对象a类似array,但不具备array的slice等方法。使用call绑定,这时候就可以调用slice方法。

    实现继承

    通过call和apply,我们可以实现对象继承。示例:

    var Parent = function(){
    	this.name = "yjc";
    	this.age = 22;
    }
    
    var child = {};
    
    console.log(child);//Object {} ,空对象
    
    Parent.call(child);
    
    console.log(child); //Object {name: "yjc", age: 22}
    
    

    以上实现了对象的继承。

    bind的使用

    obj.bind(thisObj, arg1, arg2, ...);
    

    把obj绑定到thisObj,这时候thisObj具备了obj的属性和方法。与call和apply不同的是,bind绑定后不会立即执行。

    同样是add()和sub():

    add.bind(sub, 5, 3); //不再返回8
    add.bind(sub, 5, 3)(); //8
    

    如果bind的第一个参数是null或者undefined,等于将this绑定到全局对象。

  • 相关阅读:
    自我介绍 x
    第一次作业 x
    第二次作业 x
    第三次作业 x
    [C#] 用一种更优美的方式来替换掉又多又长的switchcase代码段
    通过设置光标形状实现拖拽控件时跟随一张透明图片的效果
    spring 入门笔记(一)
    PAT IO01. 表格输出(5)
    Maven 安装记
    华为机试 求最大三位数
  • 原文地址:https://www.cnblogs.com/52fhy/p/5118877.html
Copyright © 2011-2022 走看看