這次帶給大家javascript中call與apply的應用,javascript中call與apply應用的注意事項有哪些,下面就是實戰案例,一起來看一下。
求陣列的最大值與最小值
定義一個陣列:
var ary = [23, 34, 24, 12, 35, 36, 14, 25];
排序再取值法
var ary = [23, 34, 24, 12, 35, 36, 14, 25]; ary.sort(function (a, b) { return a - b; });var min = ary[0];var max = ary[ary.length - 1]; console.log(min, max);1234567
var max = ary[0], min = ary[0];for (var i = 1; i < ary.length; i++) { var cur = ary[i]; cur > max ? max = cur : null; cur < min ? min = cur : null; } console.log(min, max);1234567
var min = Math.min(ary); console.log(min); // NaN console.log(Math.min(23, 34, 24, 12, 35, 36, 14, 25));
var max = eval(“Math.max(” + ary.toString() + “)”); console.log(max); var min = eval(“Math.min(” + ary.toString() + “)”); console.log(min); “Math.max(” + ary.toString() + “)” –> “Math.max(23,34,24,12,35,36,14,25)”
例如:eval(“12+23+34+45”) // 114
var max = Math.max.apply(null, ary); var min = Math.min.apply(null, ary); console.log(min, max);
arguments.sort(); // Uncaught TypeError: arguments.sort is not a function
那麼這時候可不可以先將arguments轉換為一個真正的數組呢,然後再進行操作呢,按照這個思想,我們自己實現一個實現題目要求的業務方法:
function avgFn() { // 1、将类数组转换为数组:把arguments克隆一份一模一样的数组出来 var ary = []; for (var i = 0; i < arguments.length; i++) { ary[ary.length] = arguments[i]; } // 2、给数组排序,去掉开头和结尾,剩下的求平均数 ary.sort(function (a, b) { return a - b; }); ary.shift(); ary.pop(); return (eval(ary.join('+')) / ary.length).toFixed(2); }var res = avgFn(9.8, 9.7, 10, 9.9, 9.0, 9.8, 3.0); console.log(res);1234567891011121314151617
function mySlice () { // this->当前要操作的这个数组ary var ary = []; for (var i = 0; i < this.length; i++) { ary[ary.length] = this[i]; } return ary; };var ary = [12, 23, 34];var newAry = mySlice(ary); console.log(newAry);1234567891011
function avgFn() { // 1、将类数组转换为数组:把arguments克隆一份一模一样的数组出来 // var ary = Array.prototype.slice.call(arguments); var ary = [].slice.call(arguments); // 2、给数组排序,去掉开头和结尾,剩下的求平均数....123 }
function avgFn() { Array.prototype.sort.call(arguments , function (a, b) { return a - b; }); [].shift.call(arguments); [].pop.call(arguments); return (eval([].join.call(arguments, '+')) / arguments.length).toFixed(2); }var res = avgFn(9.8, 9.7, 10, 9.9, 9.0, 9.8, 3.0); console.log(res);123456789101112
getElementsByTagName等方法獲取的類別數組物件是不是也可以藉用slice方法來轉換成陣列物件呢?
var oLis = document.getElementsByTagName('div');var ary = Array.prototype.slice.call(oLis);
console.log(ary);
#在標準瀏覽器下,的確可以這麼用,但在IE6~8下就悲劇了,會報錯:
#那麼在IE6~8下就只能透過循環一個個加到數組中了:
for (var i = 0; i < oLis.length; i++) { ary[ary.length] = oLis[i]; }
function listToArray(likeAry) { var ary = []; try { ary = Array.prototype.slice.call(likeAry); } catch (e) { for (var i = 0; i < likeAry.length; i++) { ary[ary.length] = likeAry[i]; } } return ary; }1234567891011
當我們輸出一個沒有定義的變數的時候會報錯:Uncaught ReferenceError: num is not defined,在JavaScript中,本行報錯,下面的程式碼都不再執行了。
console.log(num); } catch (e) { // 形参必须要写,我们一般起名为e console.log(e.message); // –> num is not defined 可以收集当前代码报错的原因 } console.log(‘ok’);
try { // } catch (e) { // 如果代码报错执行catch中的代码 } finally { // 一般不用:不管try中的代码是否报错,都要执行finally中的代码 }
try { console.log(num); } catch (e) { // console.log(e.message); // --> 可以得到错误信息,把其进行统计 // 手动抛出一条错误信息,终止代码执行 throw new Error('当前网络繁忙,请稍后再试'); // new ReferenceError --> 引用错误 // new TypeError --> 类型错误 // new RangeError --> 范围错误 }console.log('ok');
javascript中call與apply以及bind有哪些不同
#
以上是javascript中call與apply的應用的詳細內容。更多資訊請關注PHP中文網其他相關文章!