JS 面試題 -奇葩說

1、console.log 怎麼打印有顏色的字體

2、“15”+5 的結果是？“15”-5 的結果是？

3、1 + - + + + - + 1 結果是？

4、(function() {  var x = y = 1;})(); console.log(x); //結果是？console.log(y);//結果是？

5、var arr1 = [1,2],arr2=[1,2],arr3 = arr1;

  1）、arr1 === arr2; arr1 === arr3 結果是？

  2）、[]==[]; [1,2]==[1,2] 結果是？

6、請問 (function(i){  return i || "Tuesday" },"Monday") 的結果是什麼？

7、typeof(null) 結果是什麼？void(0) 的結果？

8、假設數組 company 中存放多個人員的信息，每個人員信息由 名字 name 和年齡 age組成，如{name:"Marc",age:18}，用JS按從年齡小到大排序

9、執行下面的函數，會輸出什麼？

function Fx(){
	this.a = 1;
	this.b = 2;
}
Fx.prototype.getInfo = function(){
	console.log(this.a);
}
const fx = new Fx();
 
const obj = {
	a:3,
	getInfo: fx.getInfo 
}
 
fx.getInfo();	
obj.getInfo();

10、有數組 var arr= [1,2,3]，哪些方法可以判斷是 Array 類型？

11、setTimeout 和 setInterval()

12、說說 JS 的原型鏈，有什麼特點？

13、什麼是柯理化？寫一個

14、什麼是 https? https 一定安全嗎？如何解決?

15、Localstorage、cookies、sessionStorage 區別

16、描述 webpack 打包的優化原理。

 

 

ES6 

1、[1,2,3].fill(4)的結果是？

2、for..of 和 for...in 區別？

3、下列數組中找出 age =19 的元素，用 ES6 的 api：

let company = [ {name:"a",age:38}, {name:"b",age:24}, {name:"c",age:69}, {name:"d",age:19}  ]

4、 有數組：var arr = [1, 2, 3, 4, 4]; 有哪些方法可以去除重複項，用 ES6 的 api：

5、

function demo(i,...j){
   console.log(this.i,i,j.join(","));
};

  1）、demo("a","b","c","d") ; console.log輸出什麼？

  2）、demo.call({i:1},"e") ; console.log輸出什麼？

6、以下代碼，怎麼做到依次輸出0到9？

var arr = [];
for (var i = 0; i < 10; i++) {	        
   arr.push(function() {  console.log(i) })
}	  
arr.forEach(function(fn) {
    fn()
})

 

 

答案：

1、

console.log("%c顏色字體","color:red");

可 F12 參考百度首頁

2、“155”，10

3、2

4、x is not defined，1

5、1). false，true    2).false,false

6、"Monday"

7、object，undefined

8、company.sort((a,b)=>a.age-b.age);    console.log(company);

9、1，3

10、五種方法：

  1）、arr instanceof Array;

  2）、arr.constructor === Array

  3）、Array.prototype.isPrototypeOf(arr)

  4）、Array.isArray(arr)

  5）、{}.toString.call(arr)==="[object Array]"    //等同：Object.prototype.toString.call(arr)==="[object Array]"

11~16：待更新、、、

 

ES6：

1、[4, 4, 4]

2、for in是ES5標準，遍歷key；for of是ES6標準，遍歷value。

3、for (let i of company){  i.age === 19 && console.log(i)

4、

1）、Set

const set = new Set([1, 2, 3, 4, 4]); 
console.log([...set]);

2）、Map

var arr = [1, 2, 3, 4, 4];
function unique (arr) { 
	const map = new Map(); 
	return arr.filter((a) => !map.has(a) && map.set(a, 1));
}
console.log(unique(arr));

5、這一題考察的比較全面： this 指向，變量，call，類型轉換，ES6 的擴展運算符號

結果：1). undefined "a" "b,c,d"    2). 1  "e" ""

6、

  1). 閉包

var arr = [];
for (var i = 0; i < 10; i++) {	        
    arr.push((function(val){
    	return function(){
    		console.log(val);
    	}
    })(i))
}	  
arr.forEach(function(fn) {
    fn()
})

  2). ES6 let

var arr = [];
for (let i = 0; i < 10; i++) {	        
   arr.push(function() {  console.log(i) })
}	  
arr.forEach(function(fn) {
    fn()
})