apply()和call()、bind()的使用介绍

Func.call([thisObj[,arg1[,arg2[,......[,argN]]]]]),序列形式传参

Func.apply([thisObj[,argArray]]]),数组形式传参

Func在thisObj作用域、args参数下执行。

例:

function sum(num1, num2) { 
    return num1 + num2; 
} 
console.log(sum.call(window, 10, 10)); //20 
console.log(sum.apply(window,[10,20])); //30

apply()和call()的真正用武之地是能够扩充函数赖以运行的作用域。

例:

window.firstName = "diz"; 
window.lastName = "song"; 
var myObject = { firstName: "my", lastName: "Object" }; 
function HelloName() { 
  console.log("Hello " + this.firstName + " " + this.lastName, " glad to meet you!"); 
} 
HelloName.call(window); //huo .call(this); 
HelloName.call(myObject); 
例:

function temp1() { 
    console.log(this); //Object {} 
    function temp2() { 
        console.log(this); //Window 
    } 
    temp2(); //函数调用模式
} 
var Obj = {}; 
temp1.call(Obj);//重新定义了temp1()的执行范围


**********

Func.bind(thisArg[,arg1[,arg2[,...]]]),用于为调用函数绑定一个作用域。

例:

window.color = "red"; 
var o = { color: "blue" }; 
function sayColor(){ 
    alert(this.color); 
} 
var OSayColor = sayColor.bind(o); //为OSayColor绑定作用域,于是它的this值为o对象了
OSayColor(); //blue 



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值