JS 改变函数中 this 的指向

最新推荐文章于 2022-08-26 16:00:46 发布

雪坐标

最新推荐文章于 2022-08-26 16:00:46 发布

阅读量960

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/zhenhua2340/article/details/8744548

Javascript 专栏收录该内容

7 篇文章

订阅专栏

本文深入探讨了JavaScript中函数作为对象、this的指向以及call()和apply()方法的作用，通过实例展示了如何改变函数内部的this指向以实现特定功能。

JS 中，函数也是一个变量，而变量又可以看成是一个对象，既然是对象，那就有属性和方法；

改变函数中 this 的指向，可以用函数的 call() 或者 apply() 的方法；

function fn( a , b , c ) { ... ... }

call() 使用方法：

call ( obj , 'AAA' , 'BBB' , 'CCC' ) ; obj ==> this 需要指向的对象 AAA,BBB,CCC 分别对应函数的参数 a ,b c

apply() 使用方法：

apply ( obj , [ 'AAA' , 'BBB' ,'CCC'] ) ; obj ==> this 需要指向的对象,把参数用一个数组包起来

call ( obj , 'AAA' , 'BBB' , 'CCC' ) 和 apply ( obj , [ 'AAA' , 'BBB' ,'CCC'] ) 两个函数的效果完全一样，只是传参数的方式不同而已

例如：

	var age = 20;

	function fn(a,b,c){
		document.write(a+'<br />'); 
		document.write(b+'<br />');
		document.write(c+'<br />');
		document.write(this.age+'<br />');//如果调用函数，这个 this 将指向 window 对象
	}
	fn('aa','bb','cc'); // 这里将打印出：aa ， bb ， cc ， 20

	var obj = {age:100,hei:180,wth:50};
// 如果想要 fn 函数中的 this 指向 obj 对象可以调用函数的call()方法；
	fn.call(obj,'AAA','BBB','CCC'); //这里就将打印出 AAA , BBB , CCC , 100;
/*	
	obj --->  想让函数的 this 指向的对象
	'AAA' ---> 对应函数的参数 a  
	'BBB' ---> 对应函数的参数 b
	'CCC' ---> 对应函数的参数 c
*/

	fn.apply(obj,[1,2,3]);