前端基礎(chǔ)培訓(xùn)--隨堂測(cè)試題5

1、、基礎(chǔ)知識(shí)填空J(rèn)S中的數(shù)據(jù)類(lèi)型包含哪些（要求t細(xì)）以及基本數(shù)據(jù)類(lèi)型和引用數(shù)據(jù)類(lèi)型的本質(zhì)區(qū)別： JS中如何的檢測(cè)數(shù)據(jù)類(lèi)型（寫(xiě)出四種方法）： JS中判斷某個(gè)值是否是一個(gè)有效數(shù)字 的方法是：想要接收函數(shù)執(zhí)行的時(shí)候傳遞的參數(shù)，都可以如何的處理： 將其他的數(shù)據(jù)類(lèi)型轉(zhuǎn)化為 number 類(lèi)型的方式有那些： 二、寫(xiě)出DOM中常用的方法和屬性有一個(gè)div:<div class= " w" name= " h" id= " divl " ></div> 我想獲取這一個(gè)div你有幾種解決辦法（不 考慮兼容）：獲取當(dāng)前瀏覽器屏幕的寬

2、度和高度（兼容所有的瀏覽器）： 獲取上一個(gè)哥哥元素節(jié)點(diǎn)（兼 容所有的瀏覽器）：動(dòng)態(tài)創(chuàng)建一個(gè)div標(biāo)簽，并且添加到 body的最后面位置： 繼續(xù)上一題，把剛才創(chuàng)建的 克隆一份一模一樣的，添加到剛才創(chuàng)建的div前面：三、數(shù)組的基礎(chǔ)知識(shí)和應(yīng)用我想刪除數(shù)組中的最后一項(xiàng)，至少寫(xiě)出兩種辦法：我想在數(shù)組的末尾增加一個(gè)元 素，至少寫(xiě)出兩種辦法：基于原來(lái)的數(shù)組復(fù)制一份一模一樣新的數(shù)組，不考慮原有數(shù)組是否改變的情況，請(qǐng)寫(xiě)出至少三種方案：數(shù)組從小到大排序（可以處理10以上的數(shù)字）： 實(shí)現(xiàn)找到 第n項(xiàng)到第m項(xiàng)的內(nèi)容， 返回一個(gè)新的數(shù)組（原有數(shù)組不變）： 四、寫(xiě)出下面表達(dá)式的運(yùn)算結(jié)果=false : !=false :

3、 =! : Number( “13px " 尸=NaN : 5+ " 3" -2 ： If( "3px " *3)alert( "true")elsealert( "false")： If( "3px” +3)alert( "true" )elsealert( "false")： If (document.body ) alert( "ok" );elsealert( "no" )： alert(口) ： null=

4、undefined : 五、< input type= "button" value="按鈕 1" />< input type= "button" value="按鈕 2" />< inputtype= "button" value="按鈕 3"/>< input type= "button" value="按鈕 4"/>< input type= "button&quo

5、t;value="按鈕 5" />var ary= red , yellow , pink , green , blue ;以上是頁(yè)面中的5個(gè)按鈕，和一個(gè)存儲(chǔ)五個(gè)顏色值的數(shù)組，要求實(shí)現(xiàn)一個(gè)方法 bindEvent ,循環(huán)給5個(gè)按鈕綁定點(diǎn)擊事件，當(dāng)點(diǎn)擊的時(shí)候，整個(gè)body的背景顏色正好可以和數(shù)組中的指定項(xiàng)顏色對(duì)應(yīng)(例如：點(diǎn)擊第三個(gè)按鈕，body的背景顏色" pink ”)，請(qǐng)按照你的思路來(lái)實(shí)現(xiàn)？六、畫(huà)圖分析var ary=1,2,3,4;function fn(ary)ary0=0;ary=0;ary0=100; return ary;var res=fn(a

6、ry); console.log(ary); console.log(res);此題偏難，認(rèn)真思考(360 面試題難度降低版本代碼）二、選擇題：(要求寫(xiě)出分析步驟/畫(huà)圖)1、 console.log(a);var a=12;function fn()console.log(a);var a=13;fn()；console.log(a);輸出的三次分別是多少A、undefined12 13B、undefined undefined 12A、undefined 12 13B、 undefined undefined 12D、有程序報(bào)錯(cuò)C、 undefined undefined 132、conso

7、le.log(a);var a=12;function fn()console.log(a);a=13;fn();console.log(a);C、undefined undefined 13D、有程序報(bào)錯(cuò)3、console.log(a);a=12;function fn()console.log(a);a=13;fn()；console.log(a);輸出的三次分別是多少A、undefined12 13B、undefined undefined 12C、undefined undefined 13D、有程序報(bào)錯(cuò)4、var foo=1;function bar()if(!foo)var foo

8、=10;console.log(foo);bar();輸出的結(jié)果是多少A、1 B、10C、undefined D、報(bào)錯(cuò)5、var n=0;function a()var n=10;function b()n+;alert(n);b()；return b;var c=a();c()；alert(n);彈出三次的結(jié)果分別是什么？A、1 1 1 B、11 11 0 C、11 12 0 D、11 12 126、var a=10,b=11,c=12;function test(a)a=1;var b=2;c=3;test(10);alert(a); alert(b); alert(c);彈出的三個(gè)值分別

9、是多少?A、1 11 3 B、10 11 12C、1 2 3 D、 10 11 37、if(!("a" in window)alert(a);彈出的a的值是？A、1 B、undefined C、報(bào)錯(cuò) D、以上答案都不對(duì)8、var a=4;function b(x,y,a) alert(a);arguments2=10;alert(a);a=b(1,2,3); alert(a);三次彈出的結(jié)果是A、3 3 4B、3 10 4C、3 10 10 D、3 10 undefined9、var foo='hello'(function(foo)console.log(

10、foo);var foo=foo|'world'console.log(foo);)(foo);console.log(foo);三次分別輸出什么？A、 hello hello helloB、undefined worldhelloC、hello world worldD、以上答案都不正確10、var a=9;function fn()a=0;return function(b) return b+a+; var f=fn()var m=f(5);alert(m);var n=fn()(5);alert(n);var x=f(5);alert(x);alert(a);彈出的四次

11、結(jié)果？A、6 6 7 2B、5 6 7 3 C、5 5 6 3 D、以上答案者B不正確三、思考題：1、 document.parentNode的值是什么，為什么2、 document.parentnode的值是什么， 為什么。3、prototype 是誰(shuí)的屬性，它起什么作用？_proto_是誰(shuí)的屬性，它有什么作用？prototype 和_proto_有什么聯(lián)系？4、hasOwnProperty 和in都是用來(lái)判斷對(duì)象的屬性的，這兩個(gè)是怎么用的，有什么區(qū)別？5、什么是閉包，它有什么作用？四、附加題畫(huà)圖/分析步驟1、function fn(i) return function (n) consol

12、e.log(n + (i+);var f = fn(10);f(20)；fn(20)(40);fn(30)(50);f(30)；2、var i = 10;function fn() return function (n) console.log(n + (+i);var f = fn();f(20);fn()(20);fn()(30);f(30);3、var num = 10;var obj = num: 20;obj.fn = (function (num) this.num = num * 3;num+;return function (n) this.num += n;num+;cons

13、ole.log(num);)(obj.num);var fn = obj.fn;fn(5);obj.fn(10);console.log(num, obj.num);4、function Fn() this.x = 100;this.y = 200;this.getX = function () console.log(this.x);Ftotype.getX = function () console.log(this.x);；Ftotype.getY = function () console.log(this.y);；var fl = new Fn;var f2 =

14、new Fn;console.log(f1.getX = f2.getX);console.log(f1.getY = f2.getY);console.log(f1._proto_.getY = Ftotype.getY);console.log(f1._proto_.getX = f2.getX);console.log(f1.getX = Ftotype.getX);console.log(f1.constructor);console.log(Ftotype._proto_.constructor);f1.getX();f1._proto_.getX();f2.getY();Ftotype.getY。；5、我想通過(guò)下面的代碼實(shí)現(xiàn)選項(xiàng)卡，請(qǐng)問(wèn)是否可以實(shí)現(xiàn)？不能的話(huà)，說(shuō)明原因，那么你有幾種辦法可以解決？(面試必考題)23456789 01234 56voroTabvar oLisdocument. get ElementByld ("tab");oTab . getElementsByTagName(,li1');var oDivs oTab.getElementsByTagNameC'div"); function tabChange(nl