国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

前端高頻面試題匯總正題+(附答案解析)

這篇具有很好參考價值的文章主要介紹了前端高頻面試題匯總正題+(附答案解析)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

正題

1、

 1 var length = 1;
 2 function fn() {
 3     console.log(this.length);
 4 }
 5 var obj = {
 6     length: 100,
 7     action: function (callback) {
 8         callback();
 9         arguments[0]();
10     }
11 }
12 obj.action(fn, ...[1, 2, 3, 4]);

2、

1 var a = 10;
2 function test() {
3     console.log(a);
4     a = 100;
5     console.log(this.a);
6     var a;
7     console.log(a);
8 }
9 test();

3、

1 var a = 10;
2 function f1() {
3     var b = 2 * a; 
4     var a = 20;
5     var c = a + 1;
6     console.log(b);
7     console.log(c);
8 }
9 f1();

4、

1 var a = 10;
2 function fn1() {
3     console.log(a);
4 }
5 function fn2() {
6     var a = 20;
7     fn1();
8 }
9 fn2();

5、

1 var a = b = 10; 
2 function f1() {
3     var a = b = 20;
4     var c = a + 1;
5     console.log(c);
6 }
7 f1();
8 console.log(a);
9 console.log(b);

6、

 1 const motion = () => {
 2     let speed = 100;
 3     return {
 4         run() {
 5             speed++;
 6             console.log(speed);
 7         }
 8     }
 9 };
10 const m1 = motion();
11 const m2 = motion();
12 m1.run();
13 m1.run();
14 m2.run();

7、

 1 var x = 1;
 2 function f(y) { 
 3     return this.x + y;
 4 }
 5 var obj = {
 6     x: 2
 7 }
 8 var f2 = function () {
 9     return f.apply(obj, arguments) 
10 }
11 var z = f2(3);
12 console.log(z);

8、

 1 setTimeout(() => {
 2     console.log(1)
 3 }, 100);
 4 setTimeout(() => {
 5     console.log(2)
 6 }, 0);
 7 console.log(3);
 8 let p = new Promise((resolve, reject) => {
 9     resolve(4);
10     console.log(5);
11 });
12 p.then(res => {
13     console.log(res);
14 });
15 console.log(6);

9、

 1 function f2() {
 2     console.log(1);
 3     setTimeout(() => {
 4         console.log(2);
 5     }, 100)
 6 }
 7 async function f() {
 8     console.log(3);
 9     await f2();
10     console.log(4);
11 }
12 f();
13 console.log(5);

10、

給一個數(shù)組 const arr = [3,1,7,8]和目標(biāo)值n=10,請求出該數(shù)組中元素相加等于目標(biāo)值的下標(biāo)。
比如: arr=[1,2,3,4] n=7; 輸出:[2,3]

解析

第1題解析
前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 var length = 1;
 2 function fn() {
 3     console.log(this.length);
 4 }
 5 var obj = {
 6     length: 100,
 7     action: function (callback) {
 8         callback();
 9         arguments[0]();
10     }
11 }
12 obj.action(fn, ...[1, 2, 3, 4]);
13 // 考核點:this的指向
14 // 輸出結(jié)果:1 5
15 // 第一個輸出1,是因為fn在全局被調(diào)用,this指向是window
16 // 第二個輸出5,是因為fn被arguments調(diào)用,而arguments里有l(wèi)ength屬性,傳入了五個參數(shù),length為5,所以輸出是5
View Code

第2題解析

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 var a = 10; // 全局變量
 2 function test() {
 3     console.log(a); // 變量提升
 4     a = 100;
 5     console.log(this.a); // this指向全局的window
 6     var a;
 7     console.log(a); // 局部變量
 8 }
 9 test();
10 // 考核點:變量提升
11 // 輸出結(jié)果:undefined 10 100
View Code

第3題解析

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 var a = 10;
 2 function f1() {
 3     var b = 2 * a; // a=undefined
 4     var a = 20;
 5     var c = a + 1;
 6     console.log(b);
 7     console.log(c);
 8 }
 9 f1();
10 // 考核點:
11 // 輸出結(jié)果:NaN 21
View Code

第4題解析

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 var a = 10;
 2 function fn1() {
 3     console.log(a);
 4 }
 5 function fn2() {
 6     var a = 20;
 7     fn1();
 8 }
 9 fn2();
10 // 考核點:
11 // 輸出結(jié)果:10
View Code

第5題解析

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 var a = b = 10;    // 相當(dāng)于b = 10; var a = b;
 2 function f1() {
 3     var a = b = 20; // 相當(dāng)于 b=20; var a = 20;
 4     var c = a + 1;  // c = 20 + 1
 5     console.log(c);
 6 }
 7 f1();
 8 console.log(a);
 9 console.log(b);
10 // 考核點:JavaScript中變量作用域、變量聲明提升和變量賦值的知識點
11 // 輸出結(jié)果:21 10 20
View Code

第6題解析

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 const motion = () => {
 2     let speed = 100;
 3     return {
 4         run() {
 5             speed++;
 6             console.log(speed);
 7         }
 8     }
 9 };
10 const m1 = motion();
11 const m2 = motion();
12 m1.run();
13 m1.run();
14 m2.run();
15 // 考核點:閉包
16 // 輸出結(jié)果:101 102 101
View Code

舉例:

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 var a = 100;
 2 function f1() {
 3     a++;
 4     console.log(a);
 5 }
 6 f1(); // 101
 7 f1(); // 102
 8 
 9 function f1() {
10     var a = 100;
11     a++;
12     console.log(a);
13 }
14 f1(); // 101
15 f1(); // 101
16 
17 // 閉包保存變量的狀態(tài)
18 function f1() {
19     var a = 100; // 局部變量
20     return function () {
21         a++;
22         console.log(a);
23     }
24 }
25 
26 var a1 = f1();
27 a1(); // 101
28 a1(); // 102
View Code

第7題解析

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 var x = 1;
 2 function f(y) { // 函數(shù)申明
 3     return this.x + y; // this指向
 4 }
 5 var obj = {
 6     x: 2
 7 }
 8 var f2 = function () { // 函數(shù)表達(dá)式
 9     return f.apply(obj, arguments) // obj={ x: 2 }, arguments=3,arguments 類似于數(shù)組,代表參數(shù)集合  
10 }
11 var z = f2(3);
12 console.log(z);
13 // 考核點:call()和apply(),改變this的指向 arguments
14 // 輸出結(jié)果:5
View Code

舉例:

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 f.apply(obj, 參數(shù));
 2 
 3 var id = 10;
 4 function fn() {
 5     console.log(this.id); // 10
 6 }
 7 fn();
 8 
 9 var o1 = {
10     id: 999
11 }
12 // 如何讓fn函數(shù)中this的指向o1
13 fn.apply(o1) // this.id = o1.id 相當(dāng)于fn函數(shù)在o1對象中執(zhí)行
14 
15 function Person(name, age) {
16     this.name = name;
17     this.age = age;
18 }
19 
20 var y1 = new Person('y1', 20);
21 var o2 = {}; //o2空對象
22 Person.apply(o2, ['o2', 18]); // apply 參數(shù)是一個數(shù)組
23 console.log(o2.name);
24 
25 var o3 = {};
26 Person.call(o3, "hsl", 18);  // call 參數(shù)是字符串
27 console.log(o3.name);
View Code

第8題解析

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 setTimeout(() => {
 2     console.log(1)
 3 }, 100);  // 異步-宏任務(wù)
 4 setTimeout(() => {
 5     console.log(2)
 6 }, 0);  // 異步-宏任務(wù)
 7 console.log(3); // 同步
 8 let p = new Promise((resolve, reject) => {
 9     resolve(4);
10     console.log(5); // 同步
11 });
12 p.then(res => {
13     console.log(res); // 異步-微任務(wù)
14 });
15 console.log(6);  // 同步
16 // 考核點:同步、異步-微任務(wù)、異步-宏任務(wù)
17 // 微任務(wù):Promise的then『Promise同步,但Promise中的then是異步』、async await
18 // 宏任務(wù):setTimeout、setInterval
19 // 輸出結(jié)果:3 5 6 4 2 1
View Code

第9題解析

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 function f2() {
 2     console.log(1);
 3     setTimeout(() => {
 4         console.log(2);
 5     }, 100)
 6 }
 7 async function f() {
 8     console.log(3);
 9     await f2();
10     console.log(4);
11 }
12 f();
13 console.log(5);
14 // 考核點:async和await
15 // 輸出結(jié)果:3 1 5 4 2
View Code

第10題解析

前端高頻面試題匯總正題+(附答案解析)前端高頻面試題匯總正題+(附答案解析)
 1 /*
 2 給一個數(shù)組 const arr = [3,1,7,8]和目標(biāo)值n=10,請求出該數(shù)組中元素相加等于目標(biāo)值的下標(biāo)。
 3 比如: arr=[1,2,3,4] n=7; 輸出:[2,3]
 4 */
 5 
 6 // 方法一
 7 function arrFn(arr, n) {
 8     let newArr = [];
 9     for (let i = 0, len = arr.length; i < len; i++) {
10         for (let j = i + 1, len = arr.length; j < len; j++) {
11             if (n === arr[i] + arr[j]) {
12                 newArr.push(i, j);
13             }
14         }
15     }
16     return newArr;
17 }
18 console.log(arrFn([3, 1, 7, 8], 10));
19 
20 // 方法二
21 function twoSum(nums, target) {
22     // 1、構(gòu)造哈希表
23     const map = new Map(); // 存儲方式 {need, index}
24 
25     // 2、遍歷數(shù)組
26     for (let i = 0; i < nums.length; i++) {
27         // 2.1 如果找到 target - nums[i] 的值
28         if (map.has(nums[i])) {
29             return [map.get(nums[i]), i]
30         } else {
31             // 2.2 如果沒找到則進(jìn)行設(shè)置
32             map.set(target - nums[i], i)
33         }
34     }
35 }
36 console.log(twoSum([3, 1, 7, 8], 10));
View Code

?鑒定完畢,歡迎友們一起交流學(xué)習(xí)??!文章來源地址http://www.zghlxwxcb.cn/news/detail-710094.html

到了這里,關(guān)于前端高頻面試題匯總正題+(附答案解析)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 260道網(wǎng)絡(luò)安全常見面試題匯總(附答案解析+配套資料)

    260道網(wǎng)絡(luò)安全常見面試題匯總(附答案解析+配套資料)

    以下為網(wǎng)絡(luò)安全各個方向涉及的面試題,星數(shù)越多代表問題出現(xiàn)的幾率越大,祝各位都能找到滿意的工作。 注:所有的資料都整理成了PDF,面試題和答案將會持續(xù)更新,因為無論如何也不可能覆蓋所有的面試題。 目錄 一、滲透測試 二、Web安全相關(guān) 三、PHP安全 四、JAVA安全

    2024年02月13日
    瀏覽(28)
  • 高頻前端面試題匯總之計算機(jī)網(wǎng)絡(luò)篇

    高頻前端面試題匯總之計算機(jī)網(wǎng)絡(luò)篇

    1. GET和POST的請求的區(qū)別 Post 和 Get 是 HTTP 請求的兩種方法,其區(qū)別如下: 應(yīng)用場景: GET 請求是一個冪等的請求,一般 Get 請求用于對服務(wù)器資源不會產(chǎn)生影響的場景,比如說請求一個網(wǎng)頁的資源。而 Post 不是一個冪等的請求,一般用于對服務(wù)器資源會產(chǎn)生影響的情景,比如

    2024年02月09日
    瀏覽(45)
  • 2023前端超全面試題,全是金三銀四面試真題整理!附答案。

    2023前端超全面試題,全是金三銀四面試真題整理!附答案。

    目錄 HTML 標(biāo)簽語意化 HTML5新特性 SEO input元素的類型 iframe的特點 CSS Flex BFC 重排重繪 CSS優(yōu)先級 CSS3新特性 清除浮動的方法 盒模型的理解 響應(yīng)式布局 移動適配方案 三欄布局 圣杯布局和雙飛翼布局 JS JS為何是單線程 JS數(shù)據(jù)類型 js判斷數(shù)據(jù)類型 js中的length屬性 判斷空對象 判斷空

    2024年02月08日
    瀏覽(32)
  • 前端面試題匯總大全(含答案)-- 持續(xù)更新

    前端面試題匯總大全(含答案)-- 持續(xù)更新

    1. 簡述一下你對 HTML 語義化的理解? 用正確的標(biāo)簽做正確的事情。 html 語義化讓頁面的內(nèi)容結(jié)構(gòu)化,結(jié)構(gòu)更清晰,便于對瀏覽器、搜索引擎解析;即使在沒有樣式 CSS 情況下也以一種文檔格式顯示,并且是容易閱讀的; 搜索引擎的爬蟲也依賴于 HTML 標(biāo)記來確定上下文和各個關(guān)

    2024年01月20日
    瀏覽(30)
  • 最新網(wǎng)絡(luò)安全崗位面試題匯總(附答案解析)

    最新網(wǎng)絡(luò)安全崗位面試題匯總(附答案解析)

    以下為網(wǎng)絡(luò)安全各個方向涉及的面試題,星數(shù)越多代表問題出現(xiàn)的幾率越大,祝各位都能找到滿意的工作。 一、滲透測試 如何繞過CDN找到真實IP,請列舉五種方法 (★★★) redis未授權(quán)訪問如何利用,利用的前提條件是?(★★★) mysql提權(quán)方式有哪些?利用條件是什么? (★) win

    2024年02月12日
    瀏覽(28)
  • 2023年最新前端面試題匯總大全(含答案超詳細(xì),HTML,JS,CSS匯總篇)-- 持續(xù)更新

    2023年最新前端面試題匯總大全(含答案超詳細(xì),HTML,JS,CSS匯總篇)-- 持續(xù)更新

    專項練習(xí)–持續(xù)更新 HTML篇 CSS篇 JS篇 Vue篇 TypeScript篇 React篇 微信小程序篇 前端面試題匯總大全二(含答案超詳細(xì),Vue,TypeScript,React,微信小程序,Webpack 匯總篇)-- 持續(xù)更新 1.xhtml和html有什么區(qū)別 功能上 主要是 XHTML 可兼容各大瀏覽器、手機(jī)以及 PDA ,并且瀏覽器也能快速

    2024年02月12日
    瀏覽(38)
  • 2023年最新前端面試題匯總大全二(含答案超詳細(xì),Vue,TypeScript,React,微信小程序,Webpack 匯總篇)-- 持續(xù)更新

    2023年最新前端面試題匯總大全二(含答案超詳細(xì),Vue,TypeScript,React,微信小程序,Webpack 匯總篇)-- 持續(xù)更新

    HTML篇 CSS篇 JS篇 Vue篇 TpeScript篇 React篇 微信小程序篇 前端面試題匯總大全(含答案超詳細(xì),HTML,JS,CSS匯總篇)-- 持續(xù)更新 1. 談?wù)勀銓VVM開發(fā)模式的理解? MVVM是一種簡化用戶界面的 實踐驅(qū)動編程方式 。在當(dāng)前主流的前后端分離的開發(fā)模式中,MVVM模式的優(yōu)越性日益體現(xiàn),相較

    2024年02月10日
    瀏覽(42)
  • 50道web前端工程師面試題及答案解析,你學(xué)會了嗎

    50道web前端工程師面試題及答案解析,你學(xué)會了嗎

    簡介:本文包含了50個實用的前端面試題及答案解析,涵蓋了HTML、CSS、JavaScript、DOM、Ajax、MVC、模塊化、ES6、SPA、Webpack、Babel、Virtual DOM、響應(yīng)式設(shè)計、移動優(yōu)先設(shè)計、響應(yīng)式圖片、CSS 預(yù)處理器、后處理器、模塊化、布局、盒模型、浮動、定位、動畫、選擇器、HTML5、WebGL、

    2024年02月02日
    瀏覽(23)
  • Elasticsearch 高頻面試題(含答案)

    Elasticsearch 高頻面試題(含答案)

    16、Elasticsearch 在部署時,對 Linux 的設(shè)置有哪些優(yōu)化方法? 17、對于 GC 方面,在使用 Elasticsearch 時要注意什么? 18、Elasticsearch 對于大數(shù)據(jù)量(上億量級)的聚合如何實現(xiàn)? 19、在并發(fā)情況下,Elasticsearch 如果保證讀寫一致? 20、如何監(jiān)控 Elasticsearch 集群狀態(tài)? 21、介紹下你們

    2024年04月11日
    瀏覽(20)
  • 網(wǎng)絡(luò)安全面試題匯總(附答案)

    網(wǎng)絡(luò)安全面試題匯總(附答案)

    作為從業(yè)多年的網(wǎng)絡(luò)安全工程師,我深知在面試過程中面試官所關(guān)注的重點及考察的技能點。網(wǎng)絡(luò)安全作為當(dāng)前信息技術(shù)領(lǐng)域中非常重要的一部分,對于每一個從事網(wǎng)絡(luò)安全工作的人員來說,不僅需要掌握一定的技術(shù)能力,更需要具備全面的綜合素質(zhì)。 在我職業(yè)發(fā)展的過程中

    2024年02月13日
    瀏覽(26)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包