js的call比apply性能好

最新推荐文章于 2025-01-21 14:10:50 发布

原创最新推荐文章于 2025-01-21 14:10:50 发布 · 338 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

39 篇文章

订阅专栏

本文探讨了JavaScript中this指向的概念，通过实例演示了apply和call如何改变函数内部的this指向，并进行了两者之间的性能对比测试。实验结果显示，在参数数量较少时两者性能相近，但参数超过三个时call表现更优。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//apply和call都可以改变this的指向,返回值就是函数的返回值
			
			//apply和call是f1的构造函数的原型里的(也就是Function的原型对象里的)
			
			//参数在三个以及以内都一样,超过三个call的性能要好一些
			
			//自己实现性能测试(只供参考):任何的代码测试都是和测试环境有关,例如CPU,内存等
			console.time("A")
			
			console.dir(Function)
			function f1(x,y){
				console.log(x+y,this)
				return "return"
			}
			
			var obj = {
				sex:"男"
			}
			
			var r2 = f1.call(obj,1,2)
			var r1 = f1.apply(obj,[1,2])
			
			console.log(r1,r2)
			console.timeEnd("A")
		</script>
	</body>
</html>