区别
-
call(obj,arg1,arg2)
-
apply(obj,[arg1,arg2]
-
bind(this) // 不立即执行
var obj = {
age: 13,
say: function(){
return this.age
}
}
var obj2 = {
age: 66
}
console.log(obj.say.apply(obj2)); / /66
console.log(obj.say.call(obj2)); // 66
console.log(obj.say.bind(obj2)); // function(){return this.age}
用法
- 合并两个数组
var arr1 = [1,2];
var arr2 = [3, 4];
// 将第二个数组融合进第一个数组
// 相当于 arr1.push(3,4);
Array.prototype.push.apply(arr1, arr2);
// 4
arr1
// [1, 2, 3, 4]
- 获取数组中最大值
Math.max(3,55) // 55
如何获取数组中的最大值了?数组本身可没有max方法
var numbers = [1,44,88];
Math.max.apply(Math, numbers); // 88
Math.max.call(Math, 1,44,88); // 88
// ES6
Math.max.call(Math, ...numbers); // 88
利用Math的max方法,把nums当作参数传入进去,获取最大值
- 判断是否是一个对象
function isArray(obj){
return Object.prototype.toString.call(obj) === '[object Array]';
}
- 类数组转换为数组
Array.prototype.slice.call(arguments)
[].slice.call(arguments)
Array.from(arguments)
[...arguments]
原因: 由于slice的实现原理
// this指向类数组arguments
function slice(start, end) {
var startToUse = start || 0,
endToUse = end || ToUint32(this.length),
result = [];
for(var i = startToUse; i < endToUse; i++) {
result.push(this[i]);
}
return result;
- 补充什么是类数组
1 有:指向对象元素的数字索引下标、 length 属性
2 无:push 、shift、 forEach 以及 indexOf等数组对象具有的方法
- 继承
function SuperType(){
this.color=["red", "green", "blue"];
}
function SubType(){
SuperType.call(this); // 等价于下面
// obj.color = ["red", "green", "blue"]
// this指向实例
}
var obj = new SubType()
console.log(obj1.color); // [ 'red', 'green', 'blue' ]