javascript 之 call & apply

Trouble___Maker

于 2016-01-12 17:51:05 发布

阅读量398

点赞数 1

分类专栏： JavaScript 文章标签： javascript call apply

本文链接：https://blog.csdn.net/wbloveilove/article/details/50505773

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>apply & call</title>
</head>
<body>
	<div id="main" style="width: 200px; height:200px; background-color: #FF0000;"></div>

	<script type="text/javascript">
		function setStyle (attr, val) {
			this.style[attr] = val;
		}

		var el = document.getElementById("main");
		setStyle.apply(el, ["background-color", "#00FF00"]);
	</script>
</body>
</html>

call 和 apply 用来改变函数运行时的context的上下文环境，也就是改变函数体中this的指向；

上面代码片段中默认情况下，setStyle函数中的this指向的window，

但是，在setStyle上应用apply 或 call 后，setStyle的上下文就变成了apply 或 call函数的第一个参数，及this指向了el。

call 和 apply 区别在于参数上，

call：

fun1.call (this, arg1, arg2 ...) { }

apply:

fun2.apply (this, [arg1, arg2, ...] ) {}

Trouble___Maker

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 之 call & apply

apply & call function setStyle (attr, val) { this.style[attr] = val; } var el = document.getElementById("main"); setStyle.apply(el, ["background-color", "#00FF00"]); call 和
复制链接

扫一扫

专栏目录