深入理解JavaScript三获取数组中的最大值方法thisapply

2次阅读

共计 2131 个字符，预计需要花费 6 分钟才能阅读完成。

思路：给数组先排序(由大到小排序), 第一项就是最大值

let arr = [1,5,6,7,9,20,40,2,3];
let max1 = arr.sort(function(a,b){return b-a;})[0];
console.log(max1);

思路：假设第一个值是最大值, 依次遍历数组中后面的每一项, 和假设的值进行比较, 如果比假设的值要大, 把当前项赋值给 MAX…

let arr = [1,5,6,7,9,20,40,2,3];
let max2 = arr[0];
for(let i = 1; i <= arr.length; i++){let item = arr[i];
    item > max2 ? max2 = item : null;
}
console.log(max2);

思路：基于基于 Math.max 完成和 apply 特性

let arr = [1,5,6,7,9,20,40,2,3];
console.log(Math.max.apply(null, arr));

这个是要重点理解的一个方案，call,apply,bind 常常会被放一起比较
首先，call，apply，bind 这三个方法其实都是继承自 Function.prototype 中的，属于实例方法。
三个方法的作用，都是 改变 this 的指向，只是用法稍微有些区别

什么是 this

this 既不指向函数自身，也不指函数的词法作用域。它在函数定义的时候是确定不了的, 在函数被调用时才发生的绑定，也就是说this 具体指向什么，取决于你是怎么调用的函数。

怎么判断 this

1. 给当前元素的某个事件绑定方法, 当事件触发方法执行的时候，方法中的 THIS 是当前操作的元素对象
2. 普通函数执行，函数中的 THIS 取决于执行的主体，谁执行的，THIS 就是谁（执行主体：方法执行，看方法名前面是否有“点”，有的话，点前面是谁 this 就是谁，没有 this 是 window）
下面看个例子：

function myFunction(){console.log(this===window);
}    
var obj = {myFunction(){console.log(this===obj);
    }
}
myFunction();//true
obj.myFunction();//true

对 this 有了大致了解后，再来看 call 方法

window.name = 'windowName';
let fn = function(){console.log(this.name);
}
let obj = {name:'objName'}
let obj1 = {name:'obj1Name'}
fn();//windowName
fn.call(obj);//objName：虽然是 fn 调用，但 call 改变了 this 指向，this 的指向是 obj, 故 obj.name 的值为 objName
fn.call(obj1);//obj1Name

call 方法执行的时候，内部处理了一些事情。首先把要操作函数中的 this 关键字变为 call 方法第一个传递的实参值, 把 call 方法第二个及第二个以后的实参获取到，把要操作的函数执行，并且把第二个以后的传递进来的实参传给函数

function fn(a, b) {console.log(a + b);
}
fn.call(null, 1, 2); //3

CALL 中的细节

1. 非严格模式下，如果参数不传，或者第一个传递的是 null/undefined，this 都指向 window
2. 在严格模式下，第一个参数是谁，this 就指向谁（包括 null/undefined），不传 this 是 undefined
在上述代码中，如果用 apply，则是

function fn(a, b) {console.log(a + b);
}
fn.apply(null, [1, 2]); //3

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）

bind 调用之后是返回原函数，需要再调用一次才行

回到原题，求数组最大值
Math.max(arr) 这样肯定是报错的

console.log(Math.max(ary));//=>NaN 
//=>Math.max 是获取一堆数中的最大值, 需要我们把比较的数, 一个个的传递给这个方法 //=>Math.max(12,13,14...) =>Math.max([12,13,14...])这样只是传递一个值
Math.max.apply(null,arr);
//=> 利用了 apply 的一个特征：虽然放的是一个数组，但是执行方法的时候，也是把数组中的每一项一个个的传递给函数