函數(shù)apply()和call()的作用是什么？-創(chuàng)新互聯(lián)

本篇文章給大家?guī)淼膬?nèi)容是關(guān)于函數(shù)apply()和call()的作用，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

利辛網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,利辛網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為利辛超過千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請找那個售后服務(wù)好的利辛做網(wǎng)站的公司定做！

函數(shù)中的apply,call入門

牽扯到apply,call就要先說一下它們和函數(shù)的淵源

Javascript函數(shù)既是也是對象

它和其它的javascript對象沒有什么區(qū)別。并且每個函數(shù)都包含兩個非繼承而來的方法 apply()和call(),這兩個方法都可以間接的調(diào)用函數(shù)

例如:

function f() {
    console.log(1);
}
f.call(); //1
f.apply(); //1

并且這兩個方法都允許顯示的指定函數(shù)調(diào)用后的this值。

關(guān)于this值,由于this值的是在進入執(zhí)行上下文階段被確認的，所以this的值讓人琢磨不透。但是我們可以通過apply()和call() 在函數(shù)調(diào)用時顯示指定所需的this值。

那么apply和call方法到底是用來做什么的呢?

任何函數(shù)在調(diào)用時都可以被指定this值，作為this指向的對象的方法來調(diào)用。

那就意味這任何函數(shù)可以被任何對象調(diào)用,這才是apply和call的方法的最終目的。

讓我們來一個使用例子來理解

function Animal() {};
Animal.prototype = {
    constructor: Animal,
    other: function() {
        console.log('這是一只' + this.name);
    }
}
var animal = new Animal();
//定義一個對象
var dog = {
    name: '狗'
};

//我的dog對象想使用Animal函數(shù)的other方法怎么辦，使用call或apply
animal.other.call(dog);
animal.other.apply(dog);

在上面,我們將animal.other(思考一下它是什么,是的，它本質(zhì)上也是一個函數(shù))作為dog對象的方法調(diào)用。接下來,我們運用的實際一些.

//設(shè)置一個類數(shù)組對象
var arrLike = {
    0: '我是apply',
    1: '我是call',
    length: 2
}

//將Arrar的slice函數(shù)的this顯式指向arrLike,并將0作為參數(shù)傳入slice函數(shù)
var newArr = Array.prototype.slice.call(arrLike, 0);
//等價于 
arrLike.slice(0);
console.log(newArr);

對于apply()和cal()所有傳入它們的第一個實參都會變?yōu)閠his的值，哪怕傳入的實參是原始值，null,undefined。而如果傳入的第一個實參是undefined和null 在ES3和非嚴格模式下會被全局對象替換掉,而其它的原始值則會被相應(yīng)的包裝對象所替代。

用通俗一點的話來說，Js根本不在乎apply/call 的第一個參數(shù)是什么,函數(shù)仍然會被調(diào)用，只不過調(diào)用會不會報錯是另一碼事.

var str = '我是一個函數(shù)';
//將字符串傳入,但是String對象無法調(diào)用slice屬性 報錯
Array.prototype.pop.call(str);

為了能對這兩個方法記憶深刻以及何時用這兩個方法，列出一些常用的用法

首先,就現(xiàn)在來說,這兩種方法的性能差異幾乎忽略不記，所以他們之間如何使用呢?

apply()方法適用于傳入第二個參數(shù)是有序且參數(shù)不定的就使用apply方法，比如函數(shù)的arguments這個類數(shù)組對象就很適合作為參數(shù)傳遞。

function A(a, b, c) {
    console.log(a, b, c);
}

var fn = (function(func, b, c) {
    var args = arguments;
    return () => {
        func.apply(null, args);
    }
}(A, 66, 99));

fn();

再比如說給數(shù)組追加元素

var arr1 = [1, 2, 3];
var arr2 = [66, 99, 131];
Array.prototype.push.apply(arr1, arr2);
console.log(arr1);

同樣將arr2數(shù)組作為參數(shù)傳遞。

而對于無序,相互之間沒有什么關(guān)聯(lián)的參數(shù),就使用call()

獲取數(shù)組的大值和最小值

var arr = [0, 1, 2, 3, 4];

//獲取大數(shù)
var max1 = Math.max.apply(Math, arr),
    max2 = Math.max.call(Math, 0, 1, 2, 3, 4),

    //獲取最小數(shù)
    min1 = Math.min.apply(Math, arr),
    min2 = Math.min.call(Math, 0, 1, 2, 3, 4);
console.log(max1, max2, min1, min2);

arr本身是沒有Math方法的,但是我們可以用call或者apply使用其方法

判斷對象的具體類型

//驗證對象的具體類型
var arr = [];
var type = Object.prototype.toString.call(arr);
console.log(type);// [object Array]

在使用typeof時得到的結(jié)果都是Object，無法判斷具體是哪一種類型。于是可以用 Object.prototype.toString.call()來獲得具體類型。當然，前提是toSting()方法沒有被重寫過

將類數(shù)組對象轉(zhuǎn)為真正的數(shù)組，通常我們使用Array.prototype.slice.call() 來轉(zhuǎn)換

var arrLike = {
    length: 3,
    0: '值1',
    1: '值2',
    2: '值3'
}
var newArr = [].__proto__.slice.call(arrLike);
var type = Object.prototype.toString.call(newArr);
console.log(newArr, type); //[ '值1', '值2', '值3' ] '[object Array]'

當然，splice,concat也可以將類數(shù)組對象轉(zhuǎn)數(shù)組.

這里普及一下類數(shù)組對象。
通過索引訪問元素,并且擁有l(wèi)ength屬性
也就是說,需要滿足兩個條件,1.使用序號定義屬性，2.擁有l(wèi)ength屬性，屬性值為元素個數(shù)
在使用序號定義屬性時,建議從0開始按順序定義屬性。否則會出現(xiàn)數(shù)組元素為empty的情況

var arrLike = {
    length: 3,
    0: '值1',
    1: '值2',
    3: '值3'
}
var newArr = [].__proto__.slice.call(arrLike);
var type = Object.prototype.toString.call(newArr);
console.log(newArr, type); //[ '值1', '值2', empty] [object Array]

關(guān)于函數(shù)apply()和call()的作用是什么就分享到這里了，當然并不止以上和大家分析的辦法，不過小編可以保證其準確性是絕對沒問題的。希望以上內(nèi)容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

標題名稱：函數(shù)apply()和call()的作用是什么？-創(chuàng)新互聯(lián)
瀏覽地址：http://bm7419.com/article4/dsedoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、移動網(wǎng)站建設(shè)、網(wǎng)站改版、微信公眾號、網(wǎng)站導(dǎo)航、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)