call apply bind 异同

三者都可以改变函数中都this指向

let fn = function (a, b) {
    console.log(this);
};
let obj = {name: "OBJ"};

call

1、非严格模式下，如果参数不传或者第一个传递的是null/undefined，this都是执行window

2、在严格模式下（“use strict”），第一个参数是谁，this就指向谁（包括null/undefined），不传this是undefined

// 非严格模式
fn.call(obj,10,20) 
//this=>obj a=10 b=20
fn.call(10,20)
//this=>10 a=20 b=undefined
fn.call() 
//this=>window a undefined b= undefined
fn.call(unll) //this => window
fn.call(undefined) //this => window

apply

apply和call基本一模一样，唯一的区别在于传參方式

fn.call(obj,10,20)
fn.apply(obj,[10,20])
// apply 需要把传递给fn的参数放到一个数组（或者类数组）中传递进去，虽然写的是一个数组，但是也相当于给fn一个个的传递

bind

语法和call一模一样，唯一的区别在于立即执行还是等待执行

fn.call(obj,10,20) 
//改变fn中的this，并且把fn立即执行
fn.bind(obj,10,20)
// 改变fn中的this，此时的fn并没有执行（不兼容IE6～8）


document.onclick = fn; 
//把fn绑定给点击事件，点击的时候执行
document.onclick = fn()
// 在绑定的时候，先把fn执行，在把执行的返回值（undifined）绑定给事件，当点击的时候执行的是undefined
//需求：点击的时候执行fn，让fn的this是obj
document.onclick = fn.call(obj)
// 虽然this确实改为obj了，但是绑定的时候就把fn执行了（call是立即执行函数），点击的时候执行的是fn的返回值
document.onclick = fn.bind(obj)
// bind属于把fn的this预处理味obj 此时fn没有执行，当前点击的时候才会把fn执行

案例需求：获取数组中的最大值（最小值）

let ary = [12,13,14,23,24,13,15,12]

排序法

// 给数组排序（由大到小），第一项就是最大值
let max = ary.sort(function(a,b){
    return b-a;
})[0]

假设法

/* 假设第一个值是最大值，
然后依次便利数组中后面的每一项，
和假设的值比较，
如果比假设的值要大，
把当前项赋值给max */
let max = ary[0]
for(let i =0;i<ary.length;i++){
    let item = ary[i]；
    item > max ? max = item : null;
}
console.log(max)

基于Math.max完成

Math.max(12,13,14,23,24,13,15,12)
// 24
Math.max(ary) 
//NaN
//Math.max是获取一堆数中大最大值，需要我们把比较的数一个个的传递给这个方法
 

基于apply

Math.max.apply(,ary)
// apply特征 虽然放的是一个数组，但是执行方法的时候，也是把数组中的每一项一个个的传递给函数
Math.min.apply(ary)
// 最小值