面试：JavaScript 中 call()、apply()、bind()用法以及区别

面试：JavaScript 中 call()、apply()、bind()用法以及区别

例一：

var name = 'ldh',age=18; var obj= { name: 'kukudehu', objAge:this.age, myFun:function(){ console.log( this.name+'年龄'+this.age); } }

结果：

obj.objAge; // 18 obj.myFun() // kukudehu年龄 undefined

例二：

var fav='zzh'; function shows(){ console.log(this.fav) }

结果：

shows() //zzh

通过两个例子可以看出this指向的位置是不同的，例一this指向obj，例二this指向的是window；

1、有了上面的两个例子我们接下来看一下call（）、apply（）、bind（）是怎么定义this的

如：

var name = '嘉文'，age=31; var obj= { name:'赵信'， objAge:this.age, myFun:function(){ console.log(this.name+"年龄"+this.age); } } var db={ name:'德玛', age:99 }

结果：

obj.myFun.call(db)；　　　　// 德玛年龄 99 obj.myFun.apply(db);　　　 // 德玛年龄 99 obj.myFun.bind(db)();　　　// 德玛年龄 99

注：bind方法后面有一对空格，所以得出结论bind返回的是一个函数必须调用才会执行。

如果对您有用请点亮，欢迎大家提出质疑疑问。kukudehu！