前端面試題 -- JS篇

DangoSky 發布于2019-08-19 18:18 / 1613人閱讀

摘要：原始數據類型引用數據類型兩者的區別值存儲方式不同原始數據類型將變量名和值都存儲在棧內存中引用數據類型將變量名存儲在棧內存中，將值存儲在堆內存中，并在棧內存中存儲值的地址，該地址指向堆內存中的值。

類型

1.js中有哪些數據類型，并解釋清楚原始數據類型和引用數據類型

js中共有null,undefined, string,number,boolean,object六種數據類型。

原始數據類型: null,undefined, string,number,boolean

引用數據類型:object

兩者的區別：
1）值存儲方式不同：

原始數據類型：將變量名和值都存儲在棧內存中

引用數據類型：將變量名存儲在棧內存中，將值存儲在堆內存中，并在棧內存中存儲值的地址，該地址指向堆內存中的值。

2）賦值方式不同：

當給b賦予另一個a的值
若a值為原始數據類型，直接在棧內存中生成b值，兩個變量以后進行值改變不會相互影響

若a值為引用數據類型，賦予b變量的是值地址，通過這個地址，兩者指向的其實是堆內存中的同一個值，所以以后a,b任一變量對值進行改變，會直接影響另一個變量的值

2. 解釋清楚 null 和 undefined

null表示一個標識被賦值了，且該標識賦值為“空值”,從邏輯角度來看，null值表示空對象指針；

undefined表示聲明了標識，但沒有給標識賦值。

3. 如何復制一個對象的值？

      function cloneObject(object){
         var newObject = new Object();
         for(var i in object){
             newObject[i] = object[i];
         }
         return newObject;
      }

4. js在什么時候會進行隱式類型轉換，轉換的結果？

數值運算

.調用方法或屬性

!和!!

5. 類型識別的方法？

typeof a

可以判別標準類型，除了null之外
typeof 1 返回結果："number" typeof {} 返回結果:"object"

不能判別具體的對象類型，除了function之外
typeof [1] 返回結果:"object" typeof function(){} 返回結果:"function"

a instanceof b

可以判別內置對象類型
[] instanceof Array 返回結果：true new String() instanceof String 返回結果：true

不能判別原始類型值
"a" instanceof String 返回結果：false

可以判別自定義對象類型

 function Point(x,y){
         this.x = x;
         this.y = y
     }

 var c = new Point(1,2)
 c instanceof Point

返回結果：true

a.constructor

可以判別標準數據類型（undefined和null除外）
"123".constructor == String 返回結果：true

可以判別具體的內置對象類型
[1,2].constructor == Array 返回結果：true

可以判別自定義對象類型

 function Point(x,y){
     this.x = x;
     this.y = y
 }

 var c = new Point(1,2)
 c.constructor == Point

返回結果：true

Object.prototype.toString.call(a)

可以判別標準數據類型
Object.prototype.toString.call(1)返回結果:"[object Number]" Object.prototype.toString.call(undefined) 返回結果:"[object Undefined]"

可以判別內置對象類型
Object.prototype.toString.call([a]) 返回結果:"[object Array]"

不能判別自定義對象類型

  function Point(x,y){
      this.x = x;
      this.y = y
  }
  var c = new Point(1,2)
  Object.prototype.toString.call(c)

返回結果:"[object Object]"

工作中可以寫一個函數方便判定

      function type(obj){
          return Object.prototype.toString.call(obj).slice(8,-1)
      }

type("a") 返回結果: "String" type([a]) 返回結果: "Array"

函數

1. 函數里的this什么含義，什么情況下，怎么用?
誰調用的方法或者屬性，this就指向誰
如果沒有被誰調用，this指向window

2. bind,call,apply方法的使用，什么區別？什么時候用?

3. 函數curry化
函數curry化是什么意思？
把接受多個參數的函數轉換為接受單一參數的函數，且函數可以持續接收參數
將一個復雜的問題片段化，使之進行簡化

3. 數組和對象有哪些原生方法，列舉一下，分別是什么含義，比如鏈接兩個數組用哪個方法，刪除數組的指定項。

原型

1. 講一下 prototype 是什么東西，原型鏈的理解，什么時候用 prototype?

proto

構造函數

閉包

1.什么是閉包？
2.閉包的作用和使用場景
閉包的作用一：隱藏、封裝
閉包的作用二：記憶函數

變量作用域 ajax

1.講解原生Js實現ajax的原理。

　　Ajax 的全稱是Asynchronous JavaScript and XML，其中，Asynchronous 是異步的意思，它有別于傳統web開發中采用的同步的方式。

　　Ajax的原理簡單來說通過XmlHttpRequest對象來向服務器發異步請求，從服務器獲得數據，然后用javascript來操作DOM而更新頁面。

　　XMLHttpRequest是ajax的核心機制，它是在IE5中首先引入的，是一種支持異步請求的技術。簡單的說，也就是javascript可以及時向服務器提出請求和處理響應，而不阻塞用戶。達到無刷新的效果。

　　XMLHttpRequest這個對象的屬性有：

onreadystatechange 每次狀態改變所觸發事件的事件處理程序。
responseText 從服務器進程返回數據的字符串形式。
responseXML 從服務器進程返回的DOM兼容的文檔數據對象。
status 從服務器返回的數字代碼，比如常見的404（未找到）和200（已就緒）
status Text 伴隨狀態碼的字符串信息
readyState 對象狀態值
0 (未初始化) 對象已建立，但是尚未初始化（尚未調用open方法）
1 (初始化) 對象已建立，尚未調用send方法

2 (發送數據) send方法已調用，但是當前的狀態及http頭未知

3 (數據傳送中) 已接收部分數據，因為響應及http頭不全，這時通過responseBody和responseText獲取部分數據會出現錯誤，

4 (完成) 數據接收完畢,此時可以通過通過responseXml和responseText獲取完整的回應數據

正則表達式 Coding Questions

Question: How would you make this work?

add(2, 5); // 7
add(2)(5); // 7

function addto(){
    var length = arguments.length;
    var sum = 0;
    for(var i = 0;i
Make this work: duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]

     function duplicate(arr){
         var length = arr.length;
         for(var i=0;i
3.如何獲取一個大于等于0且小于等于9的隨機整數？.
     function randomNum(){
         return Math.floor(Math.random()*10)
     }
4.想要去除一個字符串的第一個字符，有哪些方法可以實現.
     str.slice(1)
     str.substr(1)
     str.substring(1)
     str.replace(/./,"")
     str.replace(str.charAt(0),"")
5.對一個數組（每項都是數值）求和，有哪些方法？
6.If you have var y = 1, x = y = typeof x; What is the value of x?
Answer: "undefined"

云服務器 GPU云服務器手寫js面試題 js原型面試題 js的基礎面試題面試題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79448.html

前端最強面經匯總

摘要：獲取的對象范圍方法獲取的是最終應用在元素上的所有屬性對象即使沒有代碼，也會把默認的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對于一個光禿禿的元素，方法返回對象中屬性值如果有就是據我測試不同環境結果可能有差異而就是。花了很長時間整理的前端面試資源，喜歡請大家不要吝嗇star~ 別只收藏，點個贊，點個star再走哈~ 持續更新中……，可以關注下github 項目地址 https:...

wangjuntytl 2019-08-26 10:41 評論0 收藏0
前端面試題及答案 - JS篇

摘要：中使用操作符具體做了哪些事情創建了一個空對象空對象的屬性指向構造函數的屬性執行構造函數，將的指向前端面試題及答案瀏覽器篇前端面試題及答案篇前端面試題及答案篇前端面試題及答案性能優化篇這篇文章并不是最全的前端面試題（沒有最全，只有更全），只是針對自己面試過程中遇到的一些難題、容易忽略的題做一個簡單的筆記，方便后面有面試需要的小伙伴們借鑒，后續內容會不定時更新，有錯誤之處希望大家不吝指出...

Shimmer 2019-08-26 18:27 評論0 收藏0
前端開發面試題鏈接

摘要：手冊網超級有用的前端基礎技術面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經典面試題及答案精選總結前端面試過程中最容易出現的問題前端面試題整理騰訊前端面試經驗前端基礎面試題部分最新前端面試題攻略前端面試前端入手冊網：http://www.shouce.ren/post/index 超級有用的前端基礎技術面試問題收集：http://www.codec...

h9911 2019-08-02 16:11 評論0 收藏0
前端開發面試題鏈接

摘要：手冊網超級有用的前端基礎技術面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經典面試題及答案精選總結前端面試過程中最容易出現的問題前端面試題整理騰訊前端面試經驗前端基礎面試題部分最新前端面試題攻略前端面試前端入手冊網：http://www.shouce.ren/post/index 超級有用的前端基礎技術面試問題收集：http://www.codec...

snifes 2019-08-23 16:48 評論0 收藏0
你不能錯過的前端面試題合集

摘要：收集的一些前端面試題從面試題發現不足，進而查漏補缺，比通過面試更難得及各大互聯網公司前端筆試面試題篇及各大互聯網公司前端筆試面試題篇面試題個和個經典面試題前端開發面試題如何面試前端工程師很重要個變態題解析如何通過餓了么面試輕收集的一些前端面試題從面試題發現不足，進而查漏補缺，比通過面試更難得 1 BAT及各大互聯網公司2014前端筆試面試題--Html,Css篇 2 BAT...

ninefive 2019-08-21 16:18 評論0 收藏0