函數中的apply,call入門介紹

###函數中的apply,call入門


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

Javascript函數既是也是對象

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

例如:

function f() {console.log(1);
}
f.call(); //1
f.apply(); //1
復制代碼

??并且這兩個方法都允許顯示的指定函數調用后的this值。 ??關于this值,由于this值的是在進入執行上下文階段被確認的,所以this的值讓人琢磨不透。但是我們可以通過apply()和call() 在函數調用時顯示指定所需的this值。


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

??任何函數在調用時都可以被指定this值,作為this指向的對象的方法來調用。

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

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

function Animal() {};
Animal.prototype = {constructor: Animal,other: function() {console.log('這是一只' + this.name);}
}
var animal = new Animal();
//定義一個對象
var dog = {name: '狗'
};//我的dog對象想使用Animal函數的other方法怎么辦,使用call或apply
animal.other.call(dog);
animal.other.apply(dog);
復制代碼

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

//設置一個類數組對象
var arrLike = {0: '我是apply',1: '我是call',length: 2
}//將Arrar的slice函數的this顯式指向arrLike,并將0作為參數傳入slice函數
var newArr = Array.prototype.slice.call(arrLike, 0);
//等價于 
arrLike.slice(0);
console.log(newArr);復制代碼

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

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

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

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

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

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

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();
復制代碼

再比如說給數組追加元素

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

同樣將arr2數組作為參數傳遞。


而對于無序,相互之間沒有什么關聯的參數,就使用call()

獲取數組的最大值和最小值

var arr = [0, 1, 2, 3, 4];//獲取最大數
var max1 = Math.max.apply(Math, arr),max2 = Math.max.call(Math, 0, 1, 2, 3, 4),//獲取最小數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時得到的結果都是Object,無法判斷具體是哪一種類型。于是可以用 Object.prototype.toString.call()來獲得具體類型。當然,前提是toSting()方法沒有被重寫過


將類數組對象轉為真正的數組,通常我們使用Array.prototype.slice.call() 來轉換

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也可以將類數組對象轉數組.

這里普及一下類數組對象。 通過索引訪問元素,并且擁有length屬性 也就是說,需要滿足兩個條件,1.使用序號定義屬性,2.擁有length屬性,屬性值為元素個數 在使用序號定義屬性時,建議從0開始按順序定義屬性。否則會出現數組元素為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]
復制代碼

轉載于:https://juejin.im/post/5c9e2679f265da3097285f37

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/449056.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/449056.shtml
英文地址,請注明出處:http://en.pswp.cn/news/449056.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

H.264入門級概念之I、B、P幀

MPEG壓縮中的 I、B、P幀 首先,MPEG-1壓縮的基本思想:幀內壓縮和幀間壓縮。 其次,時間相關性的統計分析:統計的結果表明,在間隔1~2幀的圖像中,各像素只有10%以下的點,其亮度差值變化超過2%,而色度差值的變化只有1%以下。 采用的壓縮方法: 分組:把幾幀圖像分為一組(GOP),為防止…

亞洲第二富豪呂志和的“雙贏”人生

亞洲第二富豪“香港石礦大王”呂志和,作為香港四大傳奇富商之一,由于行事低調,鮮少接受媒體訪問,使他更富有商界傳奇色彩。 在多年的經營發展中,呂志和秉承真誠守信,互惠共存的商業信條,助他闖…

《 第一本Docker書 》讀書筆記 --- Docker 各項操作命令及參數說明(docker run 命令各個參數說明)

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 PS :個人所有讀書筆記只記錄個人想要的內容,很可能原書大量內容沒有納入筆記中... ... 1. 可用 docker info 查…

配置u-boot的ip、網卡ip的命令

配置u-boot的ip地址: 串口連接設備,重啟讀秒時快速回車進入u-boot: setenv serverip 192.168.x.x 配置PC段連接的IP. setenv ipaddr 192.168.x.x 配置板子的.配置網卡ip(臨時) 設備端終端: # ifconfig eth0 192.168.1.155 net…

Hadoop localhost: frankxulei@localhost: Permission denied (publickey,password)

Hadoop啟動HDFS進程的時候報錯,提示權限不夠,具體信息如圖所示:localhost: frankxuleilocalhost: Permission denied (publickey,password). frankxuleiubuntu:/usr/local/hadoop$ sbin/start-all.shWARNING: Attempting to start all Apache…

解決: java.net.ConnectException: Connection refused: connect

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 java.net.ConnectException: Connection refused: connect 1. 報錯如上。 2. 原因和解決: 1)端口號被占用&…

大富由天定,小富靠算計!

沒有人愿意自己越過越窮,但是相信還是有很多人對自己的財務狀況一頭霧水。 如果要給現在的流行詞匯做一個排行榜,相信“理財”肯定位列其中。 不管錢多錢少,擁有更多的財富是每個人的追求目標。 但認識誤區還是不少, 比如&am…

幾個sql案例

第一題 select Case When t.flag>0 Then "T" Else "F" End from (SELECT instr(TableA.col1,TableA.col2) as flag from TableA) t第三題 select s.* from student s ,(SELECT name,MAX(score) m from student GROUP BY name) t where s.name t.n…

京東購物在微信等場景下的算法應用實踐

本文根據京東微信手Q業務部馬老師在京東\u0026amp;DataFun Talk算法架構系列活動中所分享的《京東購物在微信等場景下的算法應用實踐》編輯整理而成,在未改變原意的基礎上稍做修改。此次分享的是以WQ(微信手Q)購物智能推薦系統介紹智能推薦算…

va_list/va_start/va_end的使用

va_list 鍵入以保存有關變量參數的信息 va_start 初始化變量參數列表 初始化ap以檢索參數paramN后面的附加參數。 調用va_start的函數在返回之前也應調用va_end。 參數不能是引用類型,也不能是與傳遞沒有參數的參數時產生的類型不兼容的類型。 /* va_start examp…

docker save 與 docker export 的區別

緣起 前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 docker save和docker export都能導出鏡像包,咋看起來區別似乎不大。本文就針對這個問題,試圖搞清楚docker…

這5種員工,千萬不能重用

一、道德品質存在缺陷之人不能用。 (小人不能用) 當今社會,我們在評論一個人的好壞時,首先看到的是他的道德素養。這方面界定這個人的為人本質。一個道德本質不行、差的人,我們統稱為小人。小人的本質表現為&#xff…

docker:安裝mysql多個

Docker 容器鏡像刪除 docker commit了一個鏡像之后想刪除舊的鏡像,出現以下報錯 Error response from daemon: conflict: unable to delete 6f8214d56bfc (cannot be forced) - image has dependent child images 解決思路: docker save保存容器 docker …

PS圖片后期之超簡易造光調色方法

技法是死的,而人是活的,說的簡單一點就是我們要學會開拓一下思維,調色的方法并不是只有【可選顏色】而已。 在修片之前,我們先要學會分析,在拍攝這一組照片時我希望有一種夕陽的光穿透曬在臉龐的感覺,而左邊…

onvif發送訂閱規則

發送消息的主要內容: 1、初始化請求 2、填充要發送的數據 3、發送并接受返回的數據 4、解析數據 5、清理緩存 正文 1、初始化onvif請求 定義一個onvif請求req 定義一個onvif標簽tag 臨時資源*tmpValue 臨時結果tmpresult 主機ip acHostIp[16] ip地址 acLocalAddr…

在 idea 中為類和方法自動生成注釋

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 項目規范中有一項常見的要求,在類級和方法級注釋里寫上創建者和創建時間,在方法級注釋里寫上創建者和維護者&…

《PWA實戰:面向下一代的Progressive Web APP》讀書筆記

前言 之前自己根據網上的教程學習寫了幾個PWA的小Demo,覺得PWA很有意思,想要更多的了解一下PWA,所以讀了這本書。這本書是MANNIN出版社出的,所以書里的代碼都有非常棒的注釋,因此這篇筆記不會展開講代碼,而…

2進制 , 8進制 , 10進制 , 16進制 , 介紹 及 相互轉換 及 快速轉換

為什么要使用進制數 數據在計算機中的表示&#xff0c;最終以二進制的形式存在 , 就是各種 <黑客帝國>電影中那些 0101010… 的數字 ; 我們操作計算機 , 實際 就是 使用 程序 和 軟件 在 計算機上 各種讀寫數據, 如果我們直接操作二進制的話 , 面對這么長的數進行思考或…

如何戰勝浮躁

浮躁是當下年輕人的通病&#xff0c;因為各種壓力或心智不夠成熟等原因&#xff0c;導致在生活工作當中經常處于一種情緒無法自如控制的狀態。這種浮躁的狀態不僅影響到正常的工作生活&#xff0c;長時間的話還會影響到身體健康。本篇就來分享一些如何戰勝浮躁的方法&#xff0…

wireshark的使用方法(轉)

https://www.cr173.com/html/20128_all.html