this
指向xxx.call( 对象名, 参数1, 参数2 , ...);
。即:将 xxx
方法的 this
指向为 对象名
function test(a,b){ console.log(this); console.log(a + b); } test(1,2); // window 3 var obj = {name:'zjy'}; window.test.call(obj,3,5); // {name:'zjy'} 8
解析:没有使用 call 方法时,test方法的this指向全局对象window,而当使用了call方法后,将test的this指向从window变成了obj对象,而后面的参数则是对应方法的形参顺序
***
this
指向的,它们的区别在于apply的第二个参数必须为一个数组(部署了iterator接口的类数组对象也可以)xxx.apply( 对象名, [数组]);
。即:将 xxx
方法的 this
指向为 对象名
,数组中的元素依次与方法的形参对应function test(a,b){ console.log(this); console.log(a + b); } test(1,2); // window 3 var obj = {name:'zjy'}; window.test.apply(obj,[3,5]); // {name:'zjy'} 8
解析:没有使用 apply 方法时,test方法的this指向全局对象window,而当使用了apply方法后,将test的this指向从window变成了obj对象,而后面的数组参数则是将数组中元素依次对应到test方法形参的位置
***
xxx.bind( 对象名 , 参数1, 参数2 , ...);
。即:将 xxx
方法的 this
指向为 对象名
var obj = {key:"value"} var foo = function(){ console.log(this) } foo.bind(obj)() // obj
解析:在没有使用bind方法时,foo()中的this指向的是全局对象window,而使用了bind方法之后则指向的是obj对象
***
var arr = [1,3,5]; var obj = {}; [].push.apply(obj,arr); // { 0:1, 1:3 , 2:5 , length:3 }
// 系统自带类数组对象 var divs = document.queryselectorall('div'); // 自定义类数组对象 var obj = {0:'zjy' , 1:18 , length:2}; var arr = []; // 真数组 // 在高级的浏览器中使用如下的方法是可以实现类数组对象转换为真数组,但是在 ie8 及其以下是不行的 // [].push.apply(arr,divs); // [].push.apply(arr,obj); // 为了兼容 ie8 及其以下的浏览器,需要使用数组的 slice 方法 // 数组的 slice 方法不传递参数的时候是将数组中的元素依次遍历然后放到一个 新的数组 中原样返回 var arr2 = [].slice.call(obj);
var obj = {0:'zjy' , 1:18 , length:2}; var arr = array.from(obj) // ['zjy',18]
扩展运算符(...
)也可以将可遍历(iterator)对象转换为真数组
[..document.queryselectorall('div')]
如对本文有疑问, 点击进行留言回复!!
JavaScript 好题汇总分享(持续更新,看到好题就写)
XMLHttpRequest 2级 &&进度事件&&JSONP
使用递归原生实现拷贝&&最简单的方法实现深拷贝
网友评论