前端開發面試題收集 js部分

2022-01-17 03:39:44 字數 2268 閱讀 6482

1.問:js中"1"+2+"3"+4 運算結果是?

答:1234

js中,字串和數值相加,得到的還是字串,這裡的結果1234也是字串。

2.問:4+3+2+"1"  運算結果是?

答:91 (從左至右的運算,前面是數值相加得到9,再和字串相加得到91字串。)

3.問:以下**中,結果是?

var foo = 1;

function

bar()

}bar();

alert(foo);

答:將輸出1.  (這裡訪問的是window.foo,而不是bar裡面的foo)

4.問:以下**中,結果是?

function

bar()

var foo = 11;

}alert(

typeof bar());

答:將輸出function.(var foo = 11 雖然定義放在後面,但是變數會提公升,所以最後的結果是function)

5.問:以下**中,結果是?

var x = 3;

var foo =

}}var go =foo.baz.bar;

alert(go());

alert(foo.baz.bar());

答:3,1.

go = foo.baz.bar; go()此時this指向的是widow. window.x的值是3;foo.baz.bar()此時this指向的是baz,baz.x的值是1.

6.問:以下**中,結果是?

var x   = 4,

obj =, 1000);}};

obj.bar();

答:輸出4.

settimeout方法是掛在window物件下的。settimeout(匿名函式,time),這裡的匿名函式形成了乙個閉包,從而能訪問到外層函式的區域性變數。也就是window中的x。(參考)

7.問:以下**中,結果是?

x = 1;

function

bar()

var foo = new

bar();

alert(foo.x);

答:輸出2.

這裡的this指向的是bar的物件例項。

8.問:以下**中,結果是?

function

foo(a)

foo(1, 2, 3);

答:3.

9.問:以下**中,結果是?

var foo = function

bar() {};

alert(

typeof bar);

答:undefined

10.問:以下**中,結果是?

var arr =;

arr[0] = 'a';

arr[1] = 'b';

arr.foo = 'c';

alert(arr.length);

答:2, 輸出arr的值是["a", "b"],不是很懂這裡的結果。

11.問:以下**中,結果是?

function

foo(a)

foo(1);

答:212.問:以下**中,結果是?

function

foo(){}

delete

foo.length;

alert(

typeof foo.length);

答:number;foo.length的值還是0。delete無法刪除,參考

13.問:以下**中,

var name="the window";

var object=

}

通過以下呼叫

object.getname(); 

(object.getname)();

(object.getname = object.getname)()

結果是?

答:第一行的**,this指向的就是object,所以毫無疑問;第二行**雖然加上括號,就好像只是在引用乙個函式,但this的值得到了維持。因為object.getname和(object.getname)的定義相同。第三行**,先執行一條賦值語句,然後再呼叫賦值後的結果。因為這個賦值表示式的值是函式本身,所以this的值不能得到維持,結果就返回the window.

前端開發面試題

基礎題 1.談一談你對bootstrap的柵格布局的理解。2.談一談你對mvvm的理解。3.es6的展開運算子有使用過嗎?有什麼用處?4.let和var const的區別是什麼?5.最近有了解前端的發展嗎?有沒有學習什麼最新的前端技術?6.sessionstorage localstorage和co...

前端開發面試題(二)

乙個200 200的div在不同解析度螢幕上下左右居中,用css實現 利用負值來實現居中。可以腦補畫面離左右都是50 剛好可以居中,但是div位置在 距左右外邊框各負50 寬度。body div1寫乙個左右布局沾滿螢幕,其中左 右兩塊定寬200,中間自適應寬,要求先載入中間塊,請寫出結構及樣式。ht...

前端開發面試題 htmlcss篇

1.1 標準盒模型 預設值 1.2 怪異盒模型 ie瀏覽器預設的盒子模型 1.3 彈性盒模型 flex布局 2.1 相鄰塊元素垂直外邊距合併 2.2 巢狀塊元素垂直外邊距塌陷和合併 2.3 解決方案 div before3.1 有三種3.2 link和 import有什麼區別4.1 引擎的區別 瀏覽...