关于[].forEach.call()的理解

最新推荐文章于 2023-01-02 10:54:42 发布

jijioeoiq

最新推荐文章于 2023-01-02 10:54:42 发布

阅读量1.1k

点赞数 1

文章标签：关于[].forEach.call()的理解

本文链接：https://blog.csdn.net/jijioeoiq/article/details/103203635

版权

关于[].forEach.call()的理解

.forEach() 方法是数组的一种方法；

<body>
		<div class="wrap">	
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
		</div>
	</body>
	<script>
		var aSpa=document.querySelectorAll(".wrap span")
		console.log(aSpa)
		aSpa.forEach(function(value,index,array){
			console.log(value)		//每一个内容
			console.log(index)		//每一个内容的索引值
			// console.log(array)	//数组集合
		})

.call() 是javascript的内置函数改变this指向可传两种参数

第一种是一个对象作用域
第二种是参数列表父级的实参

		//父级.call(对象，父级函数的参数)
		function parent(age){
			this.name="小明"
			this.age=age
		}
		function Child(){
			parent.call(this,"18")		//第二个参数表示  往函数添加实参		//超类型传参
		}
		var obj=new Child()
		console.log(obj)	//child: [age:"18",name:"小明"]

上面代码 call() 的第二参数表示 parent()函数的实参可以次添加

[].forEach.call() 也就是 Array.forEach.call()的简写
[ ] 表示数组
[].forEach 是 call() 的父级即 [].forEach == 父级
所以 [].forEach.call( obj, 父级的参数)

//[].forEach.call()  理解
		//[].forEach.call(obj,参数)		即参数是[].forEach() 父级的 实参    依次添加
		
		//[].forEach() 存在三个参数    value  index  array  
		
		var arr=[];
		[].forEach.call(["a", "b", "c"], function (item) {
			arr.push(item);
			
		});
		console.log(arr)		//["a","b","c"]