JS常見(jiàn)面試題

1.基本數(shù)據(jù)類型有哪些?

Undefined、Null、Boolean、Number、String

2.原型,原型鏈

所有通過(guò)對(duì)象直接量創(chuàng)建的對(duì)象都具有同一個(gè)原型對(duì)象,并可以通過(guò)JavaScript代碼Object.prototype獲得對(duì)原型對(duì)象的引用。通過(guò)關(guān)鍵字new和構(gòu)造函數(shù)調(diào)用創(chuàng)建的對(duì)象的原型就是構(gòu)造函數(shù)的prototype屬性的值。

沒(méi)有原型的對(duì)象為數(shù)不多,Object.prototype就是其中之一。它不繼承任何屬性。其他原型對(duì)象都是普通對(duì)象,普通對(duì)象都具有原型。所有的內(nèi)置構(gòu)造函數(shù)(以及大部分自定義的構(gòu)造函數(shù))都具有一個(gè)繼承自O(shè)bject.prototype的原型。一系列鏈接的原型對(duì)象就是所謂的“原型鏈”(prototype chain)。

3.數(shù)據(jù)內(nèi)存分布

棧:原始數(shù)據(jù)類型(Undefined,Null,Boolean,Number、String)
堆:引用數(shù)據(jù)類型(對(duì)象、數(shù)組和函數(shù))

兩種類型的區(qū)別是:存儲(chǔ)位置不同;
原始數(shù)據(jù)類型直接存儲(chǔ)在棧(stack)中的簡(jiǎn)單數(shù)據(jù)段,占據(jù)空間小、大小固定,屬于被頻繁使用數(shù)據(jù),所以放入棧中存儲(chǔ);
引用數(shù)據(jù)類型存儲(chǔ)在堆(heap)中的對(duì)象,占據(jù)空間大、大小不固定。如果存儲(chǔ)在棧中,將會(huì)影響程序運(yùn)行的性能;引用數(shù)據(jù)類型在棧中存儲(chǔ)了指針,該指針指向堆中該實(shí)體的起始地址。當(dāng)解釋器尋找引用值時(shí),會(huì)首先檢索其在棧中的地址,取得地址后從堆中獲得實(shí)體

4.如何實(shí)現(xiàn)繼承?

  1. 構(gòu)造繼承:使用call或apply方法,將父對(duì)象的構(gòu)造函數(shù)綁定在子對(duì)象上
  2. 原型繼承:將子類的prototype指向父類的prototype
  3. 拷貝繼承:拷貝父對(duì)象的所有屬性和方法

5.如何創(chuàng)建對(duì)象?

  1. 工廠模式
  2. 構(gòu)造函數(shù)模式
  3. 原型模式
  4. 組合使用構(gòu)造函數(shù)和原型模式
  5. 動(dòng)態(tài)原型模式
  6. 寄生構(gòu)造函數(shù)模式
  7. 穩(wěn)妥構(gòu)造函數(shù)模式

具體講解參見(jiàn)《JavaScript高級(jí)程序設(shè)計(jì)》

6.null和undefine的區(qū)別

null表示"沒(méi)有對(duì)象",即該處不應(yīng)該有值。典型用法是:

  1. 作為函數(shù)的參數(shù),表示該函數(shù)的參數(shù)不是對(duì)象。
  2. 作為對(duì)象原型鏈的終點(diǎn)。

undefined表示"缺少值",就是此處應(yīng)該有一個(gè)值,但是還沒(méi)有定義,典型用法是:

  1. 變量被聲明了,但沒(méi)有賦值時(shí),就等于undefined。
  2. 調(diào)用函數(shù)時(shí),應(yīng)該提供的參數(shù)沒(méi)有提供,該參數(shù)等于undefined。
  3. 對(duì)象沒(méi)有賦值的屬性,該屬性的值為undefined。
  4. 函數(shù)沒(méi)有返回值時(shí),默認(rèn)返回undefined。

參考鏈接undefined與null的區(qū)別

7.call() 和 .apply() 的區(qū)別

都是用來(lái)改變函數(shù)的this對(duì)象的指向的,但是傳參形式不一樣,call, apply方法區(qū)別是,從第二個(gè)參數(shù)起, call方法參數(shù)將依次傳遞給借用的方法作參數(shù), 而apply直接將這些參數(shù)放到一個(gè)數(shù)組中再傳遞, 最后借用方法的參數(shù)列表是一樣的。

8.閉包

閉包是指有權(quán)訪問(wèn)另一個(gè)函數(shù)作用域中變量的函數(shù)。
當(dāng)某個(gè)函數(shù)第一次被調(diào)用時(shí),會(huì)創(chuàng)建一個(gè)執(zhí)行環(huán)境(execution context)及相應(yīng)的作用域鏈,并把作用域鏈賦值給一個(gè)特殊的內(nèi)部屬性(即[[Scope]])。然后,使用this、arguments和其他命名參數(shù)的值來(lái)初始化函數(shù)的活動(dòng)對(duì)象(activation object)。

  1. 函數(shù)執(zhí)行過(guò)程中,變量的讀寫(xiě)需要在作用域中查找,順序是從內(nèi)到外
  2. 閉包會(huì)延遲活動(dòng)對(duì)象的銷毀時(shí)間
  3. 閉包攜帶了包含它的函數(shù)作用域,因此比其他函數(shù)占用更多的內(nèi)存

9.類型判斷

基本類型:string,number,boolean
特殊類型:undefined,null
引用類型:Object,Function,Function,Array,Date,...

typeof

typeof 可以對(duì)JS基礎(chǔ)數(shù)據(jù)類型做出準(zhǔn)確的判斷,而對(duì)于引用類型返回的基本上都是object, 其實(shí)返回object也沒(méi)有錯(cuò),因?yàn)樗袑?duì)象的原型鏈最終都指向了Object,Object是所有對(duì)象的祖宗。 但當(dāng)我們需要知道某個(gè)對(duì)象的具體類型時(shí),typeof 就顯得有些力不從心了。

typeof ''; // string 有效
typeof 1; // number 有效
typeof true; //boolean 有效
typeof undefined; //undefined 有效
typeof null; //object 無(wú)效
typeof [] ; //object 無(wú)效
typeof new Function(); // function 有效
typeof new Date(); //object 無(wú)效
typeof new RegExp(); //object 無(wú)效

instanceof

instanceof 是用來(lái)判斷 A 是否為 B 的實(shí)例對(duì),表達(dá)式為:A instanceof B,如果A是B的實(shí)例,則返回true,否則返回false。 在這里需要特別注意的是:instanceof檢測(cè)的是原型。但是,instanceof 只能用來(lái)判斷兩個(gè)對(duì)象是否屬于原型鏈的關(guān)系, 而不能獲取對(duì)象的具體類型。例子如

[] instanceof Array; //true
[] instanceof Object; //true

constructor

當(dāng)一個(gè)函數(shù)F被定義時(shí),JS引擎會(huì)為F添加prototype原型,然后再在prototype上添加一個(gè)constructor屬性,并讓其指向F的引用

f.constructor == F

細(xì)節(jié)問(wèn)題:

  1. null和undefined是無(wú)效的對(duì)象,因此是不會(huì)有constructor存在的,這兩種類型的數(shù)據(jù)需要通過(guò)typeof來(lái)判斷。
  2. JS對(duì)象的constructor是不穩(wěn)定的,這個(gè)主要體現(xiàn)在自定義對(duì)象上,當(dāng)開(kāi)發(fā)者重寫(xiě)prototype后,原有的constructor會(huì)丟失,constructor會(huì)默認(rèn)為Object

Object.prototype.toString

toString是Object原型對(duì)象上的一個(gè)方法,該方法默認(rèn)返回其調(diào)用者的具體類型,更嚴(yán)格的講,是 toString運(yùn)行時(shí)this指向的對(duì)象類型, 返回的類型格式為[object,xxx],xxx是具體的數(shù)據(jù)類型,例如

Object.prototype.toString.call('') ;   // [object String]
Object.prototype.toString.call(1) ;    // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(undefined) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]

to be continued ...

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容