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都是不錯的選擇哦,