apply和call用法
apply语法
func.apply(name, [array])
- 第一个参数指定函数体内this对象的指向.
- 第二个参数为一个带下标的集合,可以是数组或类数组,apply方法把这个集合中的元素作为参数传递给被调用的函数
var func = function(a, b, c) { console.log([a, b, c]); // [1,2,3] } func.apply(null, [1,2,3])
call语法
- 第一个参数:代表函数体内this指向
- 第二个参数:数量不固定,每个参数依次传入函数
“`javascript
> 当使用call或则apply的时候, 如果我们传入的第一个参数是null. 函数体内的this会指向默认的宿主对象,在游览器中则是window ```javascript var func = function( a, b, c ){ alert ( this === window ); // 输出true }; func.apply( null, [ 1, 2, 3 ] );
但如果是在严格模式下,函数体内的this还是为null:
var func = function( a, b, c ){ "use strict"; alert ( this === null ); // 输出true } func.apply( null, [ 1, 2, 3 ] );
有时候我们使用call或者apply的目的不在于指定this指向,而是另有用途,比如借用其他对象的方法。
那么我们可以传入null来代替某个具体的对象:
Math.max.apply( null, [ 1, 2, 5, 3, 4 ] ) // 输出:5
call和apply的用途
var obj1={ name: '李小龙' } var obj2={ name: '萧薰' } window.name = 'window' var getName = function(){ console.log(this.name) }; getName(); //输出:window getName.call(obj1); //输出:李小龙 getName.call(obj2); //输出:萧薰
当执行getName.call( obj1 )这句代码时,getName函数体内的this就指向obj1对象
this 错误的情况
document.getElementById( 'div1' ).onclick = function(){ alert( this.id ); // 输出:div1 var func = function(){ alert ( this.id ); // 输出:undefined } func(); };
修正this
document.getElementById( 'div1' ).onclick = function(){ var func = function(){ alert ( this.id ); // 输出:div1 } func.call( this ); };
相关推荐
-
JavaScript函数式编程 javascript/jquery
2019-8-6
-
Chameleon 跨端框架——一个理想主义团队的开源作品 javascript/jquery
2019-5-25
-
一言不和就自己写了个编程语言 javascript/jquery
2020-6-12
-
Git的奇技淫巧 javascript/jquery
2018-10-19
-
一款超人气代码格式化工具prettier javascript/jquery
2019-7-28
-
JavaScript:彻底理解同步、异步和事件循环(Event Loop) javascript/jquery
2018-10-10
-
Flutter混合开发 javascript/jquery
2020-6-27
-
使用贝塞尔曲线实现水波球 javascript/jquery
2020-5-27
-
浏览器调用相机进行拍照 javascript/jquery
2020-5-19
-
一步一步教您用websocket+nodeJS搭建简易聊天室(3) javascript/jquery
2020-6-8