JS中修改函数中的this指向(call()和apply())

雨点打透心脏的1/2处 2023-01-20 14:51 10阅读 0赞

<!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript">
    			function fun(a,b) { 
    				console.log("a = "+a);
    				console.log("b = "+b);
    				//alert(this);
    			}
    			
    			var obj = { 
    				name: "obj",
    				sayName:function(){ 
    					alert(this.name);
    				}
    			};
    
    			/* * call()和apply() * - 这两个方法都是函数对象的方法，需要通过函数对象来调用 * - 当对函数调用call()和apply()都会调用函数执行 * - 在调用call()和apply()可以将一个对象指定为第一个参数 * 此时这个对象将会成为函数执行时的this * - call()方法可以将实参在对象之后依次传递 * - apply()方法需要将实参封装到一个数组中统一传递 * * - this的情况： * 1.以函数形式调用时，this永远都是window * 2.以方法的形式调用时，this是调用方法的对象 * 3.以构造函数的形式调用时，this是新创建的那个对象 * 4.使用call和apply调用时，this是指定的那个对象 */
    
    			//fun.call(obj,2,3);
    			fun.apply(obj,[2,3]);
    
    
    
    			var obj2 = { 
    				name: "obj2"
    			};
    
    			/*fun.apply(); fun.call(); fun();*/
    
    			//fun.call(obj);
    			//fun.apply(obj);
    
    			//fun();
    
    			//obj.sayName.apply(obj2);
    		</script>
    	</head>
    
    	<body>
    	</body>
    
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 call()和apply():可以改变this的指向

call()和apply():可以改变this的指向运用场景：假如你现在需要开发一个功能A，前端小明写了个功能B，而你发现功能A里面的部分功能和小明...

矫情吗；*/ 2024年04月17日 23:32/ 0 赞/ 68 阅读

相关 javascript中的函数对象的call、apply和bind方法，及this指向总结

一、call()和apply() 这两个方法都是函数对象的方法，需要通过函数对象来调用；当对函数调用call()和apply()都会调用函数执行 func

- 日理万妓/ 2023年10月06日 17:44/ 0 赞/ 25 阅读

相关 js中改变this指向的三种方法(bind、call、apply)

var obj1 = { name: 'obj1', getName () { console.log(th

￡神魔★判官ぃ/ 2023年07月22日 09:25/ 0 赞/ 19 阅读

相关 Js-this指向问题、call()、apply()、bind()改变this指向

0-零 - this几种指向 1. 在全局中this：指向window。 2. 对象方法中this：this指向该对象本身。 3. 回调函数中this：指向wind

爱被打了一巴掌/ 2023年03月01日 06:29/ 0 赞/ 191 阅读

相关 JS中修改函数中的this指向(call()和apply())

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

雨点打透心脏的1/2处/ 2023年01月20日 14:51/ 0 赞/ 11 阅读

相关 JS_js改变this指向，apply()，call()，bind()

注意：call()方法接受的是一个参数列表，而apply()方法接受的是一个包含多个参数的数组 bind() 不调用只改变this指向 call()，apply

蔚落/ 2022年09月03日 07:22/ 0 赞/ 200 阅读

相关深入理解call、apply、bind（改变函数中的this指向）

在JavaScript中call、apply、bind是Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向，从而可以达到\`接花移木\`的

以你之姓@/ 2021年09月17日 07:46/ 0 赞/ 372 阅读

相关 JS中this,call,bind和apply使用

JS中this 1.普通函数中 2.对象的方法中 3.构造函数中 4.绑定事件函数中 5.定时器函数中 6.立即指向函数中 7.

电玩女神/ 2021年09月07日 06:09/ 0 赞/ 499 阅读

相关 js中this指向 call与apply与bind方法的区别

call与apply与bind的共同点作用：为函数作用域(当函数执行的时候，改变函数作用域，并传递参数) call与apply的区别

青旅半醒/ 2021年09月02日 09:15/ 0 赞/ 343 阅读

相关 call apply bind 改变this 指向问题

1. call方法 function info(name, age) { this.name = name; this.age

我就是我/ 2021年08月30日 23:22/ 0 赞/ 393 阅读