前端面試經(jīng)典題目(js中級篇)

1.實現(xiàn)一個函數(shù)clone,可以對JavaScript中的5種主要的數(shù)據(jù)類型(包括Number、String、Object、Array、Boolean)進行值復制

考察點1:對于基本數(shù)據(jù)類型和引用數(shù)據(jù)類型在內(nèi)存中存放的是值還是指針這一區(qū)別是否清楚

考察點2:是否知道如何判斷一個變量是什么類型的

考察點3:遞歸算法的設(shè)計

2.如何消除一個數(shù)組里面重復的元素?


3.小賢是一條可愛的小狗(Dog),它的叫聲很好聽(wow),每次看到主人的時候就會乖乖叫一聲(yelp)。從這段描述可以得到以下對象:


小芒和小賢一樣,原來也是一條可愛的小狗,可是突然有一天瘋了(MadDog),一看到人就會每隔半秒叫一聲(wow)地不停叫喚(yelp)。請根據(jù)描述,按示例的形式用代碼來實。(繼承,原型,setInterval)

答案:

4.下面這個ul,如何點擊每一列的時候alert其index?(閉包)


答案:


5.編寫一個JavaScript函數(shù),輸入指定類型的選擇器(僅需支持id,class,tagName三種簡單CSS選擇器,無需兼容組合選擇器)可以返回匹配的DOM節(jié)點,需考慮瀏覽器兼容性和性能。

/***?@param?selector?{String}?傳入的CSS選擇器。*?@return?{Array}*/

答案:

6.請評價以下代碼并給出改進意見。


評價:

不應該在if和else語句中聲明addListener函數(shù),應該先聲明;

不需要使用window.addEventListener或document.all來進行檢測瀏覽器,應該使用能力檢測;

由于attachEvent在IE中有this指向問題,所以調(diào)用它時需要處理一下

改進如下:

7.給String對象添加一個方法,傳入一個string類型的參數(shù),然后將string的每個字符間價格空格返回,例如:

addSpace(“hello world”) // -> ‘h e l l o ?w o r l d’


接著上述問題答案提問,1)直接在對象的原型上添加方法是否安全?尤其是在Object對象上。(這個我沒能答出?希望知道的說一下。) 2)函數(shù)聲明與函數(shù)表達式的區(qū)別?

答案:在js中,解析器在向執(zhí)行環(huán)境中加載數(shù)據(jù)時,對函數(shù)聲明和函數(shù)表達式并非是一視同仁的,解析器會率先讀取函數(shù)聲明,并使其在執(zhí)行任何代碼之前可用(可以訪問),至于函數(shù)表達式,則必須等到解析器執(zhí)行到它所在的代碼行,才會真正被解析執(zhí)行。

8.定義一個log方法,讓它可以代理console.log的方法。

可行的方法一:

如果要傳入多個參數(shù)呢?顯然上面的方法不能滿足要求,所以更好的方法是:


到此,追問apply和call方法的異同。

答案:

對于apply和call兩者在作用上是相同的,即是調(diào)用一個對象的一個方法,以另一個對象替換當前對象。將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對象。

但兩者在參數(shù)上有區(qū)別的。對于第一個參數(shù)意義都一樣,但對第二個參數(shù):?apply傳入的是一個參數(shù)數(shù)組,也就是將多個參數(shù)組合成為一個數(shù)組傳入,而call則作為call的參數(shù)傳入(從第二個參數(shù)開始)。?如 func.call(func1,var1,var2,var3)對應的apply寫法為:func.apply(func1,[var1,var2,var3]) 。

9.在Javascript中什么是偽數(shù)組?如何將偽數(shù)組轉(zhuǎn)化為標準數(shù)組?

答案:

偽數(shù)組(類數(shù)組):無法直接調(diào)用數(shù)組方法或期望length屬性有什么特殊的行為,但仍可以對真正數(shù)組遍歷方法來遍歷它們。典型的是函數(shù)的argument參數(shù),還有像調(diào)用getElementsByTagName,document.childNodes之類的,它們都返回NodeList對象都屬于偽數(shù)組。可以使用Array.prototype.slice.call(fakeArray)將數(shù)組轉(zhuǎn)化為真正的Array對象。

假設(shè)接第八題題干,我們要給每個log方法添加一個”(app)”前綴,比如’hello world!’ ->'(app)hello world!’。方法如下:

10.對作用域上下文和this的理解,看下列代碼:


問兩處console輸出什么?為什么?

答案是1和undefined。

func是在winodw的上下文中被執(zhí)行的,所以會訪問不到count屬性。

繼續(xù)追問,那么如何確保Uesr總是能訪問到func的上下文,即正確返回1。正確的方法是使用Function.prototype.bind。兼容各個瀏覽器完整代碼如下:


11.原生JS的window.onload與Jquery的$(document).ready(function(){})有什么不同?如何用原生JS實現(xiàn)Jq的ready方法?

window.onload()方法是必須等到頁面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。

$(document).ready()是DOM結(jié)構(gòu)繪制完畢后就執(zhí)行,不必等到加載完畢。


如果上述代碼十分難懂,下面這個簡化版:


12.(設(shè)計題)想實現(xiàn)一個對頁面某個節(jié)點的拖曳?如何做?(使用原生JS)

回答出概念即可,下面是幾個要點

1.給需要拖拽的節(jié)點綁定mousedown, mousemove, mouseup事件

2.mousedown事件觸發(fā)后,開始拖拽

3.mousemove時,需要通過event.clientX和clientY獲取拖拽位置,并實時更新位置

4.mouseup時,拖拽結(jié)束

5.需要注意瀏覽器邊界的情況

13.


14.說出以下函數(shù)的作用是?空白區(qū)域應該填寫什么?


答案:訪函數(shù)的作用是使用format函數(shù)將函數(shù)的參數(shù)替換掉{0}這樣的內(nèi)容,返回一個格式化后的結(jié)果:

第一個空是:arguments

第二個空是:/\{(\d+)\}/ig

15.用面向?qū)ο蟮腏avascript來介紹一下自己。(沒答案哦親,自己試試吧)

答案: 對象或者Json都是不錯的選擇哦,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,763評論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,238評論 3 428
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,823評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,604評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,339評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,713評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,712評論 3 445
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,893評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,448評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,201評論 3 357
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,397評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,944評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,631評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,033評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,321評論 1 293
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,128評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,347評論 2 377

推薦閱讀更多精彩內(nèi)容

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,263評論 0 4
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    前端進階之旅閱讀 114,543評論 24 450
  • 1.幾種基本數(shù)據(jù)類型?復雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)? 基本數(shù)據(jù)類型:Undefined、Nul...
    極樂君閱讀 5,560評論 0 106
  • 天橋手寫:拼就是用盡你有的,去換你想要的 天橋手寫經(jīng)典,每日一篇經(jīng)典語錄,手寫呈現(xiàn)。
    天橋手寫閱讀 362評論 0 0
  • 1、某公關(guān)公司工作壓力很大,員工經(jīng)常加班,有一天加班時一名員工猝死。后來這個公司又招了一個小姑娘,因為工位短缺把她...
    小璇子君閱讀 490評論 2 1