call apply 和 bind

最新推荐文章于 2024-06-09 22:26:02 发布

weixin_33827965

最新推荐文章于 2024-06-09 22:26:02 发布

阅读量52

点赞数

原文链接：https://juejin.im/post/5c2ddff0f265da611e4dc726

版权

三者的定义可以看MDN，知乎也有相关讨论很详细，下面记录一下用三者写出的便利方法

借用String转换大写的方法来转换数组和布尔值

String.prototype.toUpperCase.call(true)
// 'TRUE'
String.prototype.toUpperCase.call(['a', 'b', 'c'])
//"A,B,C"
复制代码

把类数组对象转为数组

Array.prototype.slice.call({ 0: 'a', 1: 'b', length: 2 })
// ['a', 'b']

Array.prototype.slice.call(document.querySelectorAll("div"));
Array.prototype.slice.call(arguments);
复制代码

借用数组的indexOf方法应用到类数组对象

<ul class="tab-nav">
    <li>tab1</li>
    <li class="tab-li2">tab2</li>
    <li class="tab-li3">tab3</li>
</ul>
var tabNav=document.querySelector('.tab-nav');
var tabLis=document.querySelectorAll('.tab-nav>li');
tabNav.addEventListener('click',function(e){
  var index = Array.prototype.indexOf.call(tabLis,e.target)
  console.log(index)
})
复制代码

用 apply 将数组添加到另一个数组

var array = ['a', 'b'];
var elements = [0, 1, 2];
array.push.apply(array, elements);
console.info(array); // ["a", "b", 0, 1, 2]
复制代码

用apply求取最大/最小值

/* 找出数组中最大/小的数字 */
var numbers = [5, 6, 2, 3, 7];

/* 应用(apply) Math.min/Math.max 内置函数完成 */
var max = Math.max.apply(null, numbers); /* 基本等同于 Math.max(numbers[0], ...) 或 Math.max(5, 6, ..) */
var min = Math.min.apply(null, numbers);
复制代码

转载于:https://juejin.im/post/5c2ddff0f265da611e4dc726