JavaScript 简单理解call和apply

日期: 2017-07-18         浏览量: 2638

call和apply可以用来重新定义函数的执行环境,也就是this的指向。通过一个操作DOM的例子来理解。


function changeStyle(attr, value){ 

    this.style[attr] = value; 

}

var box = document.getElementById('box'); 

window.changeStyle.call(box, "height", "200px");


call中的第一个参数用于指定将要调用此函数的对象,在这里,changeStyle函数将被box对象调用,this指向了box对象,如果不用call的话,程序报错,因为window对象中没有style属性。


apply和call的作用是一样的只是传递参数不同:


window.changeStyle.apply(box, ['height', '200px']);


如果call或apply的第一参数是null的话, this指向window