日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
看完這幾道JavaScript面試題，讓你與考官對(duì)答如流（上）

1.undefined 和 null 有什么區(qū)別?

目前成都創(chuàng)新互聯(lián)公司已為千余家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、蘭溪網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

在理解undefined和null之間的差異之前，我們先來看看它們的相似類。

它們屬于 JavaScript 的 7 種基本類型。

 
 
 
 
    
  
  
  
  
  1. letprimitiveTypes=['string','number','null','undefined','boolean','symbol','bigint']; 
    2.

它們是屬于虛值，可以使用Boolean(value)或!!value將其轉(zhuǎn)換為布爾值時(shí)，值為false。

 
 
 
 
    
  
  
  
  
  1. console.log(!!null);//falseconsole.log(!!undefined);//falseconsole.log(Boolean(null));//falseconsole.log(Boolean(undefined));//false 
    2.

接著來看看它們的區(qū)別。

undefined是未指定特定值的變量的默認(rèn)值，或者沒有顯式返回值的函數(shù)，如：console.log(1)，還包括對(duì)象中不存在的屬性，這些 JS 引擎都會(huì)為其分配 undefined 值。

 
 
 
 
    
  
  
  
  
  1. let_thisIsUndefined;constdoNothing=()=>{};constsomeObj={a:"ay",b:"bee",c:"si"};console.log(_thisIsUndefined);//undefinedconsole.log(doNothing());//undefinedconsole.log(someObj["d"]);//undefined 
    2.

null是“不代表任何值的值”。null是已明確定義給變量的值。在此示例中，當(dāng)fs.readFile方法未引發(fā)錯(cuò)誤時(shí)，我們將獲得null值。

 
 
 
 
    
  
  
  
  
  1. fs.readFile('path/to/file',(e,data)=>{console.log(e);//當(dāng)沒有錯(cuò)誤發(fā)生時(shí)，打印nullif(e){console.log(e);}console.log(data);}); 
    2.

在比較null和undefined時(shí)，我們使用==時(shí)得到true，使用===時(shí)得到false:

 
 
 
 
    
  
  
  
  
  1. console.log(null==undefined);//trueconsole.log(null===undefined);//false 
    2.

2. && 運(yùn)算符能做什么

&& 也可以叫邏輯與，在其操作數(shù)中找到第一個(gè)虛值表達(dá)式并返回它，如果沒有找到任何虛值表達(dá)式，則返回最后一個(gè)真值表達(dá)式。它采用短路來防止不必要的工作。

 
 
 
 
    
  
  
  
  
  1. console.log(false&&1&&[]);//falseconsole.log(""&&true&&5);//5 
    2.

使用if語句

 
 
 
 
    
  
  
  
  
  1. constrouter:Router=Router();router.get('/endpoint',(req:Request,res:Response)=>{letconMobile:PoolConnection;try{//dosomedboperations}catch(e){if(conMobile){conMobile.release();}}}); 
    2.

使用&&操作符

 
 
 
 
    
  
  
  
  
  1. constrouter:Router=Router();router.get('/endpoint',(req:Request,res:Response)=>{letconMobile:PoolConnection;try{//dosomedboperations}catch(e){conMobile&&conMobile.release()}}); 
    2.

3. || 運(yùn)算符能做什么

||也叫或邏輯或，在其操作數(shù)中找到第一個(gè)真值表達(dá)式并返回它。這也使用了短路來防止不必要的工作。在支持 ES6 默認(rèn)函數(shù)參數(shù)之前，它用于初始化函數(shù)中的默認(rèn)參數(shù)值。

 
 
 
 
    
  
  
  
  
  1. console.log(null||1||undefined);//1functionlogName(name){varn=name||"Mark";console.log(n);}logName();//"Mark" 
    2.

4. 使用 + 或一元加運(yùn)算符是將字符串轉(zhuǎn)換為數(shù)字的最快方法嗎?

根據(jù)MDN文檔，+是將字符串轉(zhuǎn)換為數(shù)字的最快方法，因?yàn)槿绻狄呀?jīng)是數(shù)字，它不會(huì)執(zhí)行任何操作。

5. DOM 是什么?

DOM 代表文檔對(duì)象模型，是 HTML 和 XML 文檔的接口(API)。當(dāng)瀏覽器第一次讀取(解析)HTML文檔時(shí)，它會(huì)創(chuàng)建一個(gè)大對(duì)象，一個(gè)基于 HTM L文檔的非常大的對(duì)象，這就是DOM。它是一個(gè)從 HTML 文檔中建模的樹狀結(jié)構(gòu)。DOM 用于交互和修改DOM結(jié)構(gòu)或特定元素或節(jié)點(diǎn)。

假設(shè)我們有這樣的 HTML 結(jié)構(gòu)：

 
 
 
 
    
  
  
  
  
  1. DocumentObjectModel
     
    2.

等價(jià)的DOM是這樣的：

JS 中的document對(duì)象表示DOM。它為我們提供了許多方法，我們可以使用這些方法來選擇元素來更新元素內(nèi)容，等等。

6. 什么是事件傳播?

當(dāng)事件發(fā)生在DOM元素上時(shí)，該事件并不完全發(fā)生在那個(gè)元素上。在“冒泡階段”中，事件冒泡或向上傳播至父級(jí)，祖父母，祖父母或父級(jí)，直到到達(dá)window為止;而在“捕獲階段”中，事件從window開始向下觸發(fā)元素 事件或event.target。

事件傳播有三個(gè)階段：

  • 捕獲階段–事件從 window 開始，然后向下到每個(gè)元素，直到到達(dá)目標(biāo)元素。
  • 目標(biāo)階段–事件已達(dá)到目標(biāo)元素。
  • 冒泡階段–事件從目標(biāo)元素冒泡，然后上升到每個(gè)元素，直到到達(dá) window。

7. 什么是事件冒泡?

當(dāng)事件發(fā)生在DOM元素上時(shí)，該事件并不完全發(fā)生在那個(gè)元素上。在冒泡階段，事件冒泡，或者事件發(fā)生在它的父代，祖父母，祖父母的父代，直到到達(dá)window為止。

假設(shè)有如下的 HTML 結(jié)構(gòu)：

 
 
 
 
    
  
  
  
  
  1. 1
 

對(duì)應(yīng)的 JS 代碼: 

 
 
 
 
    
  
  
  
  
  1. functionaddEvent(el,event,callback,isCapture=false){if(!el||!event||!callback||typeofcallback!=='function')return;if(typeofel==='string'){el=document.querySelector(el);};el.addEventListener(event,callback,isCapture);}addEvent(document,'DOMContentLoaded',()=>{constchild=document.querySelector('.child');constparent=document.querySelector('.parent');constgrandparent=document.querySelector('.grandparent');addEvent(child,'click',function(e){console.log('child');});addEvent(parent,'click',function(e){console.log('parent');});addEvent(grandparent,'click',function(e){console.log('grandparent');});addEvent(document,'click',function(e){console.log('document');});addEvent('html','click',function(e){console.log('html');})addEvent(window,'click',function(e){console.log('window');})}); 
    2.

addEventListener方法具有第三個(gè)可選參數(shù)useCapture，其默認(rèn)值為false，事件將在冒泡階段中發(fā)生，如果為true，則事件將在捕獲階段中發(fā)生。如果單擊child元素，它將分別在控制臺(tái)上記錄child，parent，grandparent，html，document和window，這就是事件冒泡。

8. 什么是事件捕獲?

當(dāng)事件發(fā)生在 DOM 元素上時(shí)，該事件并不完全發(fā)生在那個(gè)元素上。在捕獲階段，事件從window開始，一直到觸發(fā)事件的元素。

假設(shè)有如下的 HTML 結(jié)構(gòu)：

 
 
 
 
    
  
  
  
  
  1. 1
 

對(duì)應(yīng)的 JS 代碼: 

 
 
 
 
    
  
  
  
  
  1. functionaddEvent(el,event,callback,isCapture=false){if(!el||!event||!callback||typeofcallback!=='function')return;if(typeofel==='string'){el=document.querySelector(el);};el.addEventListener(event,callback,isCapture);}addEvent(document,'DOMContentLoaded',()=>{constchild=document.querySelector('.child');constparent=document.querySelector('.parent');constgrandparent=document.querySelector('.grandparent');addEvent(child,'click',function(e){console.log('child');});addEvent(parent,'click',function(e){console.log('parent');});addEvent(grandparent,'click',function(e){console.log('grandparent');});addEvent(document,'click',function(e){console.log('document');});addEvent('html','click',function(e){console.log('html');})addEvent(window,'click',function(e){console.log('window');})}); 
    2.

addEventListener方法具有第三個(gè)可選參數(shù)useCapture，其默認(rèn)值為false，事件將在冒泡階段中發(fā)生，如果為true，則事件將在捕獲階段中發(fā)生。如果單擊child元素，它將分別在控制臺(tái)上打印window，document，html，grandparent和parent，這就是事件捕獲。

9. event.preventDefault() 和 event.stopPropagation()方法之間有什么區(qū)別?

event.preventDefault() 方法可防止元素的默認(rèn)行為。如果在表單元素中使用，它將阻止其提交。如果在錨元素中使用，它將阻止其導(dǎo)航。如果在上下文菜單中使用，它將阻止其顯示或顯示。event.stopPropagation()方法用于阻止捕獲和冒泡階段中當(dāng)前事件的進(jìn)一步傳播。

10. 如何知道是否在元素中使用了`event.preventDefault()`方法?

我們可以在事件對(duì)象中使用event.defaultPrevented屬性。它返回一個(gè)布爾值用來表明是否在特定元素中調(diào)用了event.preventDefault()。

11. 為什么此代碼 `obj.someprop.x` 會(huì)引發(fā)錯(cuò)誤?

 
 
 
 
    
  
  
  
  
  1. constobj={};console.log(obj.someprop.x); 
    2.

顯然，由于我們嘗試訪問someprop屬性中的x屬性，而 someprop 并沒有在對(duì)象中，所以值為 undefined。記住對(duì)象本身不存在的屬性，并且其原型的默認(rèn)值為undefined。因?yàn)閡ndefined沒有屬性x，所以試圖訪問將會(huì)報(bào)錯(cuò)。

12. 什么是 event.target ?

簡(jiǎn)單來說，event.target是發(fā)生事件的元素或觸發(fā)事件的元素。

假設(shè)有如下的 HTML 結(jié)構(gòu)：

 
 
 
 
    
  
  
  
  
  1. Button
 

JS 代碼如下： 

 
 
 
 
    
  
  
  
  
  1. functionclickFunc(event){console.log(event.target);} 
    2.

如果單擊 button，即使我們將事件附加在最外面的div上，它也將打印 button 標(biāo)簽，因此我們可以得出結(jié)論event.target是觸發(fā)事件的元素。

13. 什么是 event.currentTarget??

event.currentTarget是我們?cè)谄渖巷@式附加事件處理程序的元素。

假設(shè)有如下的 HTML 結(jié)構(gòu)：

 
 
 
 
    
  
  
  
  
  1. Button
 

JS 代碼如下： 

 
 
 
 
    
  
  
  
  
  1. functionclickFunc(event){console.log(event.currentTarget);} 
    2.

如果單擊 button，即使我們單擊該 button，它也會(huì)打印最外面的div標(biāo)簽。在此示例中，我們可以得出結(jié)論，event.currentTarget是附加事件處理程序的元素。

14. == 和 === 有什么區(qū)別?

==用于一般比較，===用于嚴(yán)格比較，==在比較的時(shí)候可以轉(zhuǎn)換數(shù)據(jù)類型，===嚴(yán)格比較，只要類型不匹配就返回flase。

先來看看 == 這兄弟：

強(qiáng)制是將值轉(zhuǎn)換為另一種類型的過程。在這種情況下，==會(huì)執(zhí)行隱式強(qiáng)制。在比較兩個(gè)值之前，==需要執(zhí)行一些規(guī)則。

假設(shè)我們要比較x == y的值。

注意：toPrimitive首先在對(duì)象中使用valueOf方法，然后使用toString方法來獲取該對(duì)象的原始值。

舉個(gè)例子。

 
 
 
 
    
  
  
  
  
  1. xyx == y55true1'1'truenullundefinedtrue0falsetrue'1,2'[1,2]true'[object Object]'{}true 
    2.

這些例子都返回true。

第一個(gè)示例符合條件1，因?yàn)閤和y具有相同的類型和值。

第二個(gè)示例符合條件4，在比較之前將y轉(zhuǎn)換為數(shù)字。

第三個(gè)例子符合條件2。

第四個(gè)例子符合條件7，因?yàn)閥是boolean類型。

第五個(gè)示例符合條件8。使用toString()方法將數(shù)組轉(zhuǎn)換為字符串，該方法返回1,2。

最后一個(gè)示例符合條件8。使用toString()方法將對(duì)象轉(zhuǎn)換為字符串，該方法返回[object Object]。

 
 
 
 
    
  
  
  
  
  1. xyx === y55true1'1'falsenullundefinedfalse0falsefalse'1,2'[1,2]false'[object Object]'{}false 
    2.

如果使用===運(yùn)算符，則第一個(gè)示例以外的所有比較將返回false，因?yàn)樗鼈兊念愋筒煌?，而第一個(gè)示例將返回true，因?yàn)閮烧叩念愋秃椭迪嗤?/p>

15. 為什么在 JS 中比較兩個(gè)相似的對(duì)象時(shí)返回 false?

先看下面的例子：

 
 
 
 
    
  
  
  
  
  1. leta={a:1};letb={a:1};letc=a;console.log(a===b);//打印false，即使它們有相同的屬性console.log(a===c);//true 
    2.

JS 以不同的方式比較對(duì)象和基本類型。在基本類型中，JS 通過值對(duì)它們進(jìn)行比較，而在對(duì)象中，JS 通過引用或存儲(chǔ)變量的內(nèi)存中的地址對(duì)它們進(jìn)行比較。這就是為什么第一個(gè)console.log語句返回false，而第二個(gè)console.log語句返回true。a和c有相同的引用地址，而a和b沒有。

16. !! 運(yùn)算符能做什么?

!!運(yùn)算符可以將右側(cè)的值強(qiáng)制轉(zhuǎn)換為布爾值，這也是將值轉(zhuǎn)換為布爾值的一種簡(jiǎn)單方法。

 
 
 
 
    
  
  
  
  
  1. console.log(!!null);//falseconsole.log(!!undefined);//falseconsole.log(!!'');//falseconsole.log(!!0);//falseconsole.log(!!NaN);//falseconsole.log(!!'');//trueconsole.log(!!{});//trueconsole.log(!![]);//trueconsole.log(!!1);//trueconsole.log(!![].length);//false 
    2.

17. 如何在一行中計(jì)算多個(gè)表達(dá)式的值?

可以使用逗號(hào)運(yùn)算符在一行中計(jì)算多個(gè)表達(dá)式。它從左到右求值，并返回右邊最后一個(gè)項(xiàng)目或最后一個(gè)操作數(shù)的值。

 
 
 
 
    
  
  
  
  
  1. letx=5;x=(x++,x=addFive(x),x*=2,x-=5,x+=10);functionaddFive(num){returnnum+5;} 
    2.

上面的結(jié)果最后得到x的值為27。首先，我們將x的值增加到6，然后調(diào)用函數(shù)addFive(6)并將6作為參數(shù)傳遞并將結(jié)果重新分配給x，此時(shí)x的值為11。之后，將x的當(dāng)前值乘以2并將其分配給x，x的更新值為22。然后，將x的當(dāng)前值減去5并將結(jié)果分配給x x更新后的值為17。最后，我們將x的值增加10，然后將更新的值分配給x，最終x的值為27。

18. 什么是提升?

提升是用來描述變量和函數(shù)移動(dòng)到其(全局或函數(shù))作用域頂部的術(shù)語。

為了理解提升，需要來了解一下執(zhí)行上下文。執(zhí)行上下文是當(dāng)前正在執(zhí)行的“代碼環(huán)境”。執(zhí)行上下文有兩個(gè)階段:編譯和執(zhí)行。

注意:只有使用var聲明的變量，或者函數(shù)聲明才會(huì)被提升，相反，函數(shù)表達(dá)式或箭頭函數(shù)，let和const聲明的變量，這些都不會(huì)被提升。

假設(shè)在全局使用域，有如下的代碼：

 
 
 
 
    
  
  
  
  
  1. console.log(y);y=1;console.log(y);console.log(greet("Mark"));functiongreet(name){return'Hello'+name+'!';}vary; 
    2.

上面分別打?。簎ndefined,1, Hello Mark!。

上面代碼在編譯階段其實(shí)是這樣的：

 
 
 
 
    
  
  
  
  
  1. functiongreet(name){return'Hello'+name+'!';}vary;//默認(rèn)值undefined//等待“編譯”階段完成，然后開始“執(zhí)行”階段/*console.log(y);y=1;console.log(y);console.log(greet("Mark"));*/ 
    2.

編譯階段完成后，它將啟動(dòng)執(zhí)行階段調(diào)用方法，并將值分配給變量。

 
 
 
 
    
  
  
  
  
  1. functiongreet(name){return'Hello'+name+'!';}vary;//start"execution"phaseconsole.log(y);y=1;console.log(y);console.log(greet("Mark")); 
    2.

19. 什么是作用域?

JavaScript 中的作用域是我們可以有效訪問變量或函數(shù)的區(qū)域。JS 有三種類型的作用域：全局作用域、函數(shù)作用域和塊作用域(ES6)。

20. 什么是閉包?

這可能是所有問題中最難的一個(gè)問題，因?yàn)殚]包是一個(gè)有爭(zhēng)議的話題，這里從個(gè)人角度來談?wù)?，如果不妥，多多海涵?/p>

閉包就是一個(gè)函數(shù)在聲明時(shí)能夠記住當(dāng)前作用域、父函數(shù)作用域、及父函數(shù)作用域上的變量和參數(shù)的引用，直至通過作用域鏈上全局作用域，基本上閉包是在聲明函數(shù)時(shí)創(chuàng)建的作用域。

看看小例子：

 
 
 
 
    
  
  
  
  
  1. //全局作用域varglobalVar="abc";functiona(){console.log(globalVar);}a();//"abc" 
    2.

在此示例中，當(dāng)我們聲明a函數(shù)時(shí)，全局作用域是a閉包的一部分。

變量globalVar在圖中沒有值的原因是該變量的值可以根據(jù)調(diào)用函數(shù)a的位置和時(shí)間而改變。但是在上面的示例中，globalVar變量的值為abc。

來看一個(gè)更復(fù)雜的例子：

 
 
 
 
    
  
  
  
  
  1. varglobalVar="global";varouterVar="outer"functionouterFunc(outerParam){functioninnerFunc(innerParam){console.log(globalVar,outerParam,innerParam);}returninnerFunc;}constx=outerFunc(outerVar);outerVar="outer-2";globalVar="guess"x("inner"); 
    2.

上面打印結(jié)果是 guess outer inner。

當(dāng)我們調(diào)用outerFunc函數(shù)并將返回值innerFunc函數(shù)分配給變量x時(shí)，即使我們?yōu)閛uterVar變量分配了新值outer-2，outerParam也繼續(xù)保留outer值，因?yàn)橹匦路峙涫窃谡{(diào)用outerFunc之后發(fā)生的，并且當(dāng)我們調(diào)用outerFunc函數(shù)時(shí)，它會(huì)在作用域鏈中查找outerVar的值，此時(shí)的outerVar的值將為 "outer"。

現(xiàn)在，當(dāng)我們調(diào)用引用了innerFunc的x變量時(shí)，innerParam將具有一個(gè)inner值，因?yàn)檫@是我們?cè)谡{(diào)用中傳遞的值，而globalVar變量值為guess，因?yàn)樵谡{(diào)用x變量之前，我們將一個(gè)新值分配給globalVar。

下面這個(gè)示例演示沒有理解好閉包所犯的錯(cuò)誤：

 
 
 
 
    
  
  
  
  
  1. constarrFuncs=[];for(vari=0;i<5;i++){arrFuncs.push(function(){returni;});}console.log(i);//iis5for(leti=0;i

由于閉包，此代碼無法正常運(yùn)行。var關(guān)鍵字創(chuàng)建一個(gè)全局變量，當(dāng)我們 push 一個(gè)函數(shù)時(shí)，這里返回的全局變量i。因此，當(dāng)我們?cè)谘h(huán)后在該數(shù)組中調(diào)用其中一個(gè)函數(shù)時(shí)，它會(huì)打印5，因?yàn)槲覀兊玫絠的當(dāng)前值為5，我們可以訪問它，因?yàn)樗侨肿兞俊?/p>

因?yàn)殚]包在創(chuàng)建變量時(shí)會(huì)保留該變量的引用而不是其值。我們可以使用IIFES或使用 let 來代替 var 的聲明。

21. JavaScript 中的虛值是什么?

 
 
 
 
    
  
  
  
  
  1. constfalsyValues=['',0,null,undefined,NaN,false]; 
    2.

簡(jiǎn)單的來說虛值就是是在轉(zhuǎn)換為布爾值時(shí)變?yōu)?false 的值。

22. 如何檢查值是否虛值?

使用 Boolean 函數(shù)或者 !! 運(yùn)算符。

23. 'use strict' 是干嘛用的?

"use strict" 是 ES5 特性，它使我們的代碼在函數(shù)或整個(gè)腳本中處于嚴(yán)格模式。嚴(yán)格模式幫助我們?cè)诖a的早期避免 bug，并為其添加限制。

嚴(yán)格模式的一些限制：

設(shè)立”嚴(yán)格模式”的目的，主要有以下幾個(gè)：

24. JavaScript 中 `this` 值是什么?

基本上，this指的是當(dāng)前正在執(zhí)行或調(diào)用該函數(shù)的對(duì)象的值。this值的變化取決于我們使用它的上下文和我們?cè)谀睦锸褂盟?/p>

 
 
 
 
    
  
  
  
  
  1. constcarDetails={name:"FordMustang",yearBought:2005,getName(){returnthis.name;},isRegistered:true};console.log(carDetails.getName());//FordMustang 
    2.

這通常是我們期望結(jié)果的，因?yàn)樵趃etName方法中我們返回this.name，在此上下文中，this指向的是carDetails對(duì)象，該對(duì)象當(dāng)前是執(zhí)行函數(shù)的“所有者”對(duì)象。

接下我們做些奇怪的事情：

 
 
 
 
    
  
  
  
  
  1. varname="FordRanger";vargetCarName=carDetails.getName;console.log(getCarName());//FordRanger 
    2.

上面打印Ford Ranger，這很奇怪，因?yàn)樵诘谝粋€(gè)console.log語句中打印的是Ford Mustang。這樣做的原因是getCarName方法有一個(gè)不同的“所有者”對(duì)象，即window對(duì)象。在全局作用域中使用var關(guān)鍵字聲明變量會(huì)在window對(duì)象中附加與變量名稱相同的屬性。請(qǐng)記住，當(dāng)沒有使用“use strict”時(shí)，在全局作用域中this指的是window對(duì)象。

 
 
 
 
    
  
  
  
  
  1. console.log(getCarName===window.getCarName);//trueconsole.log(getCarName===this.getCarName);//true 
    2.

本例中的this和window引用同一個(gè)對(duì)象。

解決這個(gè)問題的一種方法是在函數(shù)中使用apply和call方法。

 
 
 
 
    
  
  
  
  
  1. console.log(getCarName.apply(carDetails));//FordMustangconsole.log(getCarName.call(carDetails));//FordMustang 
    2.

apply和call方法期望第一個(gè)參數(shù)是一個(gè)對(duì)象，該對(duì)象是函數(shù)內(nèi)部this的值。

IIFE或立即執(zhí)行的函數(shù)表達(dá)式，在全局作用域內(nèi)聲明的函數(shù)，對(duì)象內(nèi)部方法中的匿名函數(shù)和內(nèi)部函數(shù)的this具有默認(rèn)值，該值指向window對(duì)象。

 
 
 
 
    
  
  
  
  
  1. (function(){console.log(this);})();//打印"window"對(duì)象functioniHateThis(){console.log(this);}iHateThis();//打印"window"對(duì)象constmyFavoriteObj={guessThis(){functiongetName(){console.log(this.name);}getName();},name:'MarkoPolo',thisIsAnnoying(callback){callback();}};myFavoriteObj.guessThis();//打印"window"對(duì)象myFavoriteObj.thisIsAnnoying(function(){console.log(this);//打印"window"對(duì)象}); 
    2.

如果我們要獲取myFavoriteObj對(duì)象中的name屬性(即Marko Polo)的值，則有兩種方法可以解決此問題。

一種是將 this 值保存在變量中。

 
 
 
 
    
  
  
  
  
  1. constmyFavoriteObj={guessThis(){constself=this;//把this值保存在self變量中functiongetName(){console.log(self.name);}getName();},name:'MarkoPolo',thisIsAnnoying(callback){callback();}}; 
    2.

第二種方式是使用箭頭函數(shù)

 
 
 
 
    
  
  
  
  
  1. constmyFavoriteObj={guessThis(){constgetName=()=>{console.log(this.name);}getName();},name:'MarkoPolo',thisIsAnnoying(callback){callback();}}; 
    2.

箭頭函數(shù)沒有自己的 this。它復(fù)制了這個(gè)封閉的詞法作用域中this值，在這個(gè)例子中，this值在getName內(nèi)部函數(shù)之外，也就是myFavoriteObj對(duì)象。

25. 對(duì)象的 prototype(原型) 是什么?

簡(jiǎn)單地說，原型就是對(duì)象的藍(lán)圖。如果它存在當(dāng)前對(duì)象中，則將其用作屬性和方法的回退。它是在對(duì)象之間共享屬性和功能的方法，這也是JavaScript實(shí)現(xiàn)繼承的核心。

 
 
 
 
    
  
  
  
  
  1. consto={};console.log(o.toString());//logs[objectObject] 
    2.

即使o對(duì)象中不存在o.toString方法，它也不會(huì)引發(fā)錯(cuò)誤，而是返回字符串[object Object]。當(dāng)對(duì)象中不存在屬性時(shí)，它將查看其原型，如果仍然不存在，則將其查找到原型的原型，依此類推，直到在原型鏈中找到具有相同屬性的屬性為止。原型鏈的末尾是Object.prototype。

 
 
 
 
    
  
  
  
  
  1. console.log(o.toString===Object.prototype.toString);//logstrue 
    2.

新聞名稱：看完這幾道JavaScript面試題，讓你與考官對(duì)答如流（上）
URL分享：http://www.5511xx.com/article/dhoghpd.html

其他資訊