apply应用小结

最新推荐文章于 2022-06-06 20:24:53 发布

原创最新推荐文章于 2022-06-06 20:24:53 发布 · 106 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

Javascript 同时被 2 个专栏收录

55 篇文章

订阅专栏

Web

44 篇文章

订阅专栏

本文通过具体实例详细介绍了JavaScript中apply方法的应用，包括如何改变函数调用的上下文对象及参数传递方式，同时还演示了利用apply进行数组操作的方法。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>apply小结</title>
<script src="JSLogger.js" debug="true"></script>
<script language="javascript">
		var tom = {Name:'tom',Age:23};
		var cat = {Name:'cat',Age:32};
        function print(message){
			JSLogger.log("这个动物的名字叫："+this.Name+",年龄为："+this.Age+",message = "+message);
        }
		print("你好");//这个动物的名字叫：undefined,年龄为：undefined,message = 你好

		//print.apply(tom,args) 表示将print的上下文对象改为tom,传递args参数并执行print方法。
		print.apply(tom,["你好"]);//这个动物的名字叫：tom,年龄为：23,message = 你好
		
		//print.apply(cat,args) 表示将print的上下文对象改为cat，传递args参数并执行print方法。
		print.apply(cat,["你好"]);//这个动物的名字叫：cat,年龄为：32,message = 你好
		
		var arr1 = [1,3,5,66,2];
		//apply(null,args) 表示print上下文对象不变，只是传递参数arr1给max方法，并执行max方法。
		JSLogger.log("arr1中最大的是："+Math.max.apply(null,arr1));//arr1中最大的是：66
		//
		function add(a,b){
			JSLogger.log("a + b ="+(a+b));
		}
		//add.apply(null,args)表示add方法的上下文对象不变，将args参数传递给add方法
		add.apply(null,[1,3,4]);//a + b =4	
		
		var arr2 = ["a","b","c"];
		//arr2.push(arr1);//
		//JSLogger.log("arr2 = "+arr2);//arr2 = a,b,c [object]  实际上将arr1最为一个对象插入到arr2中了，即arr2[3] = arr1;
		[].push.apply(arr1,arr2);//使用自己本身最为上下文对象，并将args参数对象传递给自己，然后执行push方法。
		//说明：上边写成arr1.push(arr1,arr2) or arr2.push(arr1,arr2) or Array.prototype.push(arr1,arr2)都是一样的，因为最终的上下文对象都是arr1,
		//		所以采用最简单的一个形式就是使用空数组。
		JSLogger.log("arr1  = "+arr1);//arr1 = 1,3,5,66,2,a,b,c
      
</script>
</head>
<body>
</body>
</html>