this 在不同的地方有不同的含義:
1. 在事件處理函數(shù)中,this指向觸發(fā)函數(shù)的對象;
2. 在普通函數(shù)中,this指向window;
3. 當作函數(shù)作為某個對象的方法調用時,this指向那個對象;
4. 在構造函數(shù)中this指向當前實例化對象;
當在一些情況中我們想要更改this的指向,這里就可以使用 call 與 apply 來改變 this 的指向,讓 this 指向特定的對象。
call 與 apply 的作用都是改變 this 的指向,基本的操作都是一樣的。其使用方法如下:
call(this指向,參數(shù)1,參數(shù)2...)
apply(this指向,[參數(shù)1,參數(shù)2...])
可以看到他們的傳參方式是不一樣的。想要修改this 的指向,那么必然有一個this修改后的指向,而函數(shù)必然后關系到傳參問題:call方法可以傳給該函數(shù)的參數(shù)分別作為自己的多個參數(shù),而apply方法必須將傳給該函數(shù)的參數(shù)合并成一個數(shù)組作為自己的一個參數(shù)。
- function sum(a,b){
- console.log(a+b); // 30
- console.log(this); // 原本指向window,現(xiàn)在指向sum了
- }
- sum.call(sum,10,20)
通過使用call方法,使得sum函數(shù)中原本指向window的this現(xiàn)在指向了sum自身,當然this的指向自己想指向哪里都可以。
另外還可以改變對象的this
- var obj1 = {
- "name":"韓梅梅",
- "getName":function(){
- console.log(this.name);
- }
- }
- obj2 = {
- "name":"李雷"
- }
- obj1.getName(); // 韓梅梅
- obj1.getName.call(obj2);// 李雷
可以看到在obj1第一次調用getName方法時,結果為韓梅梅,因為調用getName時this指向obj1自身。在第二次調用getName方法時,使用了call方法改變了this的指向,讓this指向了obj2,故打印時this.name成了obj2.name,為李雷。
改變this一般用于借用別的對象的方法,當想使用某個自己沒有而別的對象有的方法時,就可以通過改變this的指向來借用別對象的方法。如:
- var n = {};
- console.log(n.toString()); // [object Object]
- // 對象的toString方法可以獲取數(shù)據(jù)的具體類型,若是也想獲取數(shù)組的具體數(shù)據(jù)類型可以借用對象的該方法。
- console.log(Object.prototype.toString.call([])); // [object Array]
apply的使用和call的使用方式是一樣的,只是在于向函數(shù)傳參時是以一個數(shù)組的形式,就如上面例子中使用call改變函數(shù)sum的指向時,若是使用apply則為:sum.apply(sum,[10,20]),第一個為改變后的this指向,第二個參數(shù)為數(shù)組,若在進行傳參時第二個參數(shù)的格式不對,會報錯。
apply的巧妙用法:
使用Math.max可以得到數(shù)組中最大的一項
因為Math.max不支持Math.max([參數(shù)1,參數(shù)2...])也就是數(shù)組,但是它支持Math.max (參數(shù)1,參數(shù)2...)的形式,所以可以根據(jù)apply的特點來解決這個問題,因為剛好apply的第二個參數(shù)為一個數(shù)組,可以將這個數(shù)組作為apply的第二個參數(shù)傳入,這樣apply會將一個數(shù)組轉換為一個參數(shù)接一個參數(shù)的方式傳遞給方法。
- var arr = [6,3,8,9,12,5]
- console.log(Math.max.apply(1,arr)); // 12
這樣就輕易的可以得到一個數(shù)組中的最大項。
這塊在調用的時候第一個參數(shù)給了1,這是因為沒有對象去調用這個方法,我只需要用這個方法幫我運算,得到返回的結果就行,所以直接傳遞了一個1過去。用這種方法也可以實現(xiàn)得到數(shù)組中的最小項:Math.min.apply(1,array)
更多內容
>>本文地址:http://uj2y2uok.com/zhuanye/2021/69433.html
聲明:本站稿件版權均屬中公教育優(yōu)就業(yè)所有,未經許可不得擅自轉載。
1 您的年齡
2 您的學歷
3 您更想做哪個方向的工作?