JS常見面試題

1.基本數據類型有哪些?

Undefined、Null、Boolean、Number、String

2.原型,原型鏈

所有通過對象直接量創建的對象都具有同一個原型對象,并可以通過JavaScript代碼Object.prototype獲得對原型對象的引用。通過關鍵字new和構造函數調用創建的對象的原型就是構造函數的prototype屬性的值。

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

3.數據內存分布

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

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

4.如何實現繼承?

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

5.如何創建對象?

  1. 工廠模式
  2. 構造函數模式
  3. 原型模式
  4. 組合使用構造函數和原型模式
  5. 動態原型模式
  6. 寄生構造函數模式
  7. 穩妥構造函數模式

具體講解參見《JavaScript高級程序設計》

6.null和undefine的區別

null表示"沒有對象",即該處不應該有值。典型用法是:

  1. 作為函數的參數,表示該函數的參數不是對象。
  2. 作為對象原型鏈的終點。

undefined表示"缺少值",就是此處應該有一個值,但是還沒有定義,典型用法是:

  1. 變量被聲明了,但沒有賦值時,就等于undefined。
  2. 調用函數時,應該提供的參數沒有提供,該參數等于undefined。
  3. 對象沒有賦值的屬性,該屬性的值為undefined。
  4. 函數沒有返回值時,默認返回undefined。

參考鏈接undefined與null的區別

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

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

8.閉包

閉包是指有權訪問另一個函數作用域中變量的函數。
當某個函數第一次被調用時,會創建一個執行環境(execution context)及相應的作用域鏈,并把作用域鏈賦值給一個特殊的內部屬性(即[[Scope]])。然后,使用this、arguments和其他命名參數的值來初始化函數的活動對象(activation object)。

  1. 函數執行過程中,變量的讀寫需要在作用域中查找,順序是從內到外
  2. 閉包會延遲活動對象的銷毀時間
  3. 閉包攜帶了包含它的函數作用域,因此比其他函數占用更多的內存

9.類型判斷

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

typeof

typeof 可以對JS基礎數據類型做出準確的判斷,而對于引用類型返回的基本上都是object, 其實返回object也沒有錯,因為所有對象的原型鏈最終都指向了Object,Object是所有對象的祖宗。 但當我們需要知道某個對象的具體類型時,typeof 就顯得有些力不從心了。

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

instanceof

instanceof 是用來判斷 A 是否為 B 的實例對,表達式為:A instanceof B,如果A是B的實例,則返回true,否則返回false。 在這里需要特別注意的是:instanceof檢測的是原型。但是,instanceof 只能用來判斷兩個對象是否屬于原型鏈的關系, 而不能獲取對象的具體類型。例子如

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

constructor

當一個函數F被定義時,JS引擎會為F添加prototype原型,然后再在prototype上添加一個constructor屬性,并讓其指向F的引用

f.constructor == F

細節問題:

  1. null和undefined是無效的對象,因此是不會有constructor存在的,這兩種類型的數據需要通過typeof來判斷。
  2. JS對象的constructor是不穩定的,這個主要體現在自定義對象上,當開發者重寫prototype后,原有的constructor會丟失,constructor會默認為Object

Object.prototype.toString

toString是Object原型對象上的一個方法,該方法默認返回其調用者的具體類型,更嚴格的講,是 toString運行時this指向的對象類型, 返回的類型格式為[object,xxx],xxx是具體的數據類型,例如

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 ...

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容