JS面試題 · 小白學電腦

1、變量提升遇到的一些簡單code題 2、說一下對閉包的理解，以及你在什么場景下會用到閉包 3、說一下你對原型與原型鏈的了解度，有幾種方式可以實現繼承，用原型實現繼承有什么缺點，怎么解決 4、iframe的缺點有哪些 5、Ajax的原生寫法 if(window.XMLHttpRequest) { xml = new XMLHttpRequest(); } else { xml = new ActiveXObjects('Microsoft.XMLHttp'); } xml.onreadystatechange = function() { if(xml.readyState == 4 && xml.status == 200) { xml.responseText; } } xml.open('GET', 'http://www.baidu.com', 'true'); xml.send(); 6、為什么會有同源策略瀏覽器的同源策略導致的。默認情況下，JavaScript在發送AJAX請求時，URL的域名必須和當前頁面完全一致。 7、前端處理跨域有沒有遇到過，處理跨域的方式有哪幾種方式去解決 AJAX、CORS、JSONP、flash // JSONP實現 var trans = {}; trans.JSONP = function(data) { var script = document.createElement("script"); var head = document.getElementsByTagName("head")[0]; script.src = `${data.url}?callback=${data.callback}`; head.appendChild(script); } trans.JSONP({ url: "http://www.baidu.com", callback: "show" }) 8、怎么判斷兩個對象是否相等 function equals( x, y ) { var in1 = x instanceof Object; var in2 = y instanceof Object; if(!in1||!in2){ return x===y; } if(Object.keys(x).length!==Object.keys(y).length){ return false; } for(var p in x){ var a = x[p] instanceof Object; var b = y[p] instanceof Object; if(a&&b){ return equals( x[p], y[p]); } else if(x[p]!==y[p]){ return false; } } return true; } alert(equals({a:1},{a:1}));//true 9、代碼實現一個對象的深拷貝 10、從發送一個url地址到返回頁面，中間發生了什么 11、說下工作中你做過的一些性能優化處理 ES6 1、箭頭函數中的this指向誰 2、如何實現一個promise，promise的原理，以及它的兩個參數是什么 3、promise中第二個參數的reject中執行的方法和promise.catch()都是失敗執行的，分別這么寫有什么區別，什么情況下會兩個都同時用到 5、map和set有沒有用過，如何實現一個數組去重，map數據結構有什么優點 var a = 10; var foo = { a: 20, bar: function () { var a = 30; return this.a; } }; console.log( foo.bar(), // 1. 20 (foo.bar)(), // 2. 20 (foo.bar = foo.bar)(), // 3. 10 (foo.bar, foo.bar)() // 4. 10 ); ## 裝飾器 'use strict'; var count = 0; var oldParseInt = parseInt; // 保存原函數 window.parseInt = function () { count += 1; return oldParseInt.apply(null, arguments); // 調用原函數 }; parseInt('10'); parseInt('20'); parseInt('30'); console.log('count = ' + count); // 3