前端面試題整理

MycLambert 發(fā)布于2019-08-23 10:50 / 616人閱讀

摘要：整理最近的一些面試題請問有哪些數(shù)據(jù)數(shù)據(jù)類型，并畫出內(nèi)存圖有種簡單的數(shù)據(jù)類型也稱為基本數(shù)據(jù)類型復雜的數(shù)據(jù)類型即引用數(shù)據(jù)類型包含對象，對象和等舉個例子引用類型數(shù)據(jù)在棧內(nèi)存中保存的實際上是對象在堆內(nèi)存中的引用地址。實際上改變的是堆內(nèi)存對象。

我們在js的學習中，往往很多東西看過之后，一段時間不用，就忘記了。或者當時就沒有深入的理解，能促使我們不斷深入學習的動力最好的辦法往往參加些面試，能找到自己的不足也能加深之前學的知識點的記憶。
整理最近的一些面試題

（1）請問js有哪些數(shù)據(jù)數(shù)據(jù)類型，并畫出內(nèi)存圖

js有5種簡單的數(shù)據(jù)類型（也稱為基本數(shù)據(jù)類型）Undefined、Null、Boolean、Number、String
復雜的數(shù)據(jù)類型（即引用數(shù)據(jù)類型）包含Object對象，array對象和Function,Date等

舉個例子
引用類型數(shù)據(jù)在棧內(nèi)存中保存的實際上是對象在堆內(nèi)存中的引用地址。通過這個引用地址可以快速查找到保存中堆內(nèi)存中的對象。

    var obj1 = new Object();
　　var obj2 = obj1;
　　obj2.name = "我有名字了";
　　console.log(obj1.name); // 我有名字了

obj1賦值給onj2，實際上這個堆內(nèi)存對象在棧內(nèi)存的引用地址復制了一份給了obj2，但是實際上他們共同指向了同一個堆內(nèi)存對象。實際上改變的是堆內(nèi)存對象。

（2）下面代碼輸出結(jié)果

for (var i = 1; i <= 4; i++) {
        console.log(i)
        setTimeout(function timer() {
            console.log(i)  // 5,5,5,5,5
        }, 1000)
    }

答案：// 5,5,5,5,5

（3）下面代碼輸出結(jié)果

var foo = "hello";
(function() {
    var bar = " word"
    console.log(foo + bar)
})()
console.log(foo + bar)

//答案：報錯bar is not defined

（4）下面代碼輸出結(jié)果

var bar = true
console.log(bar + 0) //1
console.log(bar + "xyz") //truexyz
console.log(bar + true) //2
console.log(bar + false) //1
console.log(undefined == null) //true
console.log(1 == true) //true
console.log(2 == true) //false
console.log(0 == false) //true
console.log(0 == "") //true
console.log(NaN == NaN) //false
console.log([] == false) //true
console.log([] == ![]) //true

補充一些可能會考到的例子

// Boolean + Number -> 數(shù)字相加
true + 1 // 2

// Boolean + Boolean -> 數(shù)字相加
false + false // 0

// Number + String -> 字符串連接
5 + "foo" // "5foo"

// String + Boolean -> 字符串連接
"foo" + false // "foofalse"

// String + String -> 字符串連接
"foo" + "bar" // "foobar"

減法 (-)

減法運算符使兩個操作數(shù)相減，結(jié)果是它們的差值。減法字符串都會試圖轉(zhuǎn)成數(shù)字
-"1"http://1
5 - 3 // 2
3 - 5 // -2
"15"-2 //13
"foo" - 3 // NaN

"5" + 3  // 53  如果字符在前面，并且后面是加號（+）就是字符串拼接

+3     // 3
+"3"   // 3
+true  // 1
+false // 0
+null  // 0
+function(val){ return val;} //NaN

（5）假設(shè)有這樣一個數(shù)組[1,2,3,4,5]，現(xiàn)在想要左移或者右移N位，比如左移1位變成[2,3,4,5,1]，右移1位變成[5,1,2,3,4]，請寫一個函數(shù)實現(xiàn)
思路：假如左移的情況，如果左移2位，把原數(shù)組的左邊2個元素刪除，并把刪除的2個元素存儲在新建的數(shù)組中，最后把原數(shù)組刪除后的數(shù)組與刪除的數(shù)組連接起來，右移的情況也是把右移數(shù)量的元素刪除，并把刪除后的元素存儲起來，最后連接。
完整的例子：

 var data = ["blue", "green", "red", "purple"];
 var dataLength = data.length
 var deleteData;
 var resultData;

 function move(n) {
     if (n >= 0) {
         deleteData = data.splice(0, n);
         resultData = data.concat(deleteData);
         console.log(resultData);
     } else {
         deleteData = data.splice(dataLength + n, -n);
         resultData = deleteData.concat(data)
         console.log(resultData);
     }
 }
 move(3)

（6）有這樣一個URL http://www.baidu.com/item.htm...，請寫一段js程序提取url中的各個GET參數(shù)（參數(shù)名和參數(shù)個數(shù)不確定），將其按key-value形式返回到一個json結(jié)構(gòu)中

思路：

1、找出“？”的index 位置(url.indexOf("?"))

2、截取“？”后面的字符串（可以使用slice，substring，substr）

3、使用split把字符串分隔成字符串數(shù)組（str.split("&")）

4、循環(huán)字符串數(shù)組，在循環(huán)內(nèi)部主要代碼

for (i = 0; i < data.length; i++) {
    var data1 = data[i];
    data2 = data1.split("=")
    key = data2[0];
    value = data2[1];
    JosnObject.key = value
}

如有疑問請關(guān)注微信公眾號：前端之攻略，此公眾號我也會定期更新前端知識。

GPU云服務(wù)器云服務(wù)器面試題棧面試題筆試面試題面試題內(nèi)容

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/96727.html

發(fā)表評論

登陸后可評論

0條評論

MycLambert

男|高級講師

我要關(guān)注我要私信

TA的文章

踩坑：M1芯片Mac Book使用IDEA旗艦版卡頓問題

閱讀 3966·2021-11-24 09:38
使用Jenkins通過Publish Over SSH插件遠程控制主機執(zhí)行腳本

閱讀 1440·2021-11-19 09:40
五分鐘殺穿指針 pointer——C語言專題

閱讀 2785·2021-11-18 10:02
SpartanHost：西雅圖AMD Ryzen/E5系列大量補貨,10Gbps端口高防主機$3.5

閱讀 3708·2021-11-09 09:46
什么是主機協(xié)議-用來顯示用戶所在主機內(nèi)部IP協(xié)議配置信息的命令是什么？

閱讀 1781·2021-09-22 15:27
JS基礎(chǔ)入門篇（七）—運算符

閱讀 3121·2019-08-29 15:24
Calendar -『為移動端而生』的自定義日歷

閱讀 1009·2019-08-29 12:40
CSS 小三角

閱讀 1693·2019-08-28 18:24

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

前端面試題整理

相關(guān)文章

你不能錯過的前端面試題合集

你不能錯過的前端面試題合集

20W字囊括上百個前端面試題的項目開源了