前端面試題 JavaScript 基礎 —— 2022-09-03

来源:https://www.cnblogs.com/bidong/archive/2022/09/03/16652214.html
-Advertisement-
Play Games

每日 3 題 13 以下代碼執行後,控制臺中的輸出內容為? Object.prototype.a = 1; Function.prototype.b = 2; function F() {} var f = new F(); console.log(F.a); console.log(F.b); c ...


每日 3 題

13 以下代碼執行後,控制臺中的輸出內容為?

Object.prototype.a = 1;
Function.prototype.b = 2;
function F() {}
var f = new F();
console.log(F.a);
console.log(F.b);
console.log(f.a);
console.log(f.b);

14 以下代碼執行後,控制臺中的輸出內容為?

var a = 2 >= 3 || true && 1 || false;
console.log(a);

15 以下代碼執行後,控制臺中的輸出內容為?

var x = 0;
switch (++x) {
  case 0:
    ++x;
  case 1:
    ++x;
  case 5:
    ++x;
}

console.log(x);

答案及解析

13

// 答案:1 2 1 undefined
// 考察原型鏈

// 首先對於 Function,這裡有幾個特殊的點
console.log(typeof Function); // function
console.log(Function.__proto__ === Function.prototype); // true
console.log(Function.prototype.__proto__ === Object.prototype); // true
// 自己動手跑一下記住結果即可

Object.prototype.a = 1; // 在原型對象上添加屬性並賦值
Function.prototype.b = 2; // 同上
function F() {}
var f = new F();

// 下麵捋一下原型鏈,"=>" 代表指向
console.log(F.a);
// F.__proto__ => Function.prototype,Function.prototype.__proto__ => Object.prototype
// 順著原型鏈找屬性 a 即可,找到 Object.prototype.a 為 1

console.log(F.b);
// 原型鏈同上,找到 Function.prototype.b 為 2

console.log(f.a);
// f.__proto__ => F.prototype
// 註意 F.prototype 只是個普通對象,所以 F.prototype.__proto__ => Object.prototype
// 順著原型鏈找屬性 a,找到 Object.prototype.a 為 1
console.log(f.b);
// 原型鏈同上,找不到屬性 b,所以結果為 undefined

// 註意 f 和 F 的原型鏈的區別

14

// 答案:1
// 考察 && 和 || 的優先順序以及運算符的理解
// && 的優先順序高於 ||
// 故先計算 true && 1
console.log(true && 1); // 問:輸出什麼

// 答案是 1,回答 true 的對 && 的理解有誤
// 對於 expr1 && expr2
// 如果 expr1 能夠轉化為 true,表達式返回 expr2,否則返回 expr1

// 同理 expr1 || expr2
// 如果 expr1 能夠轉化為 true,表達式返回 expr1,否則返回 expr2

var a = 2 >= 3 || true && 1 || false;
// 綜上,一步一步計算如下
//   (2 >= 3 || true && 1 || false)
// = (2 >= 3 || 1 || false)
// = (1 || false)
// = 1

console.log(a);

15

// 答案:3
// 考察:switch 和 ++
// 首先 ++ 在前會先計算自增 1
// 對於 case 中沒有 break 時,匹配到 case 會一直向下計算直到遇到 break
var x = 0;
switch (++x) { // 首先計算括弧中式子:結果為 1
  case 0: ++x; // 1 不匹配 0
  case 1: ++x; // 匹配,計算後 x 為 2,並且沒有 break,繼續向下計算
  case 5: ++x; // 計算 ++x,計算後 x 為 3
}

console.log(x); // 故最終輸出 3


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 此篇文章演示基本的基於docker部署.netcore服務,linux系統騰訊雲ubuntu,.net core版本3.1。 1.安裝docker apt install docker.io 2.拉取.net core依賴鏡像 docker pull mcr.microsoft.com/dotnet ...
  • 目錄 HC32L110(一) HC32L110晶元介紹和Win10下的燒錄 HC32L110(二) HC32L110在Ubuntu下的燒錄 HC32L110(三) HC32L110的GCC工具鏈和VSCode開發環境 HC32L110(四) HC32L110的startup啟動文件和ld連接腳本 H ...
  • 首先先來瞭解一下TMC5160的3種工作模式 TMC5160通過兩個引腳來控制它的工作模式:SD_MODE和SPI_MODE。 1、當SD_MODE接地,SPI_MODE拉高,TMC5160即工作在模式1(SPI控制模式)。在該模式下,用戶通過SPI介面來設置TMC5160的寄存器。 TMC5160 ...
  • 觀前提示 此處假定你已經安裝好Windows,並且能夠看懂英語。 下載Ubuntu 這裡 不同於一般推薦於英文官網下載,此處建議在中文官網下載。這樣可以利用Ubuntu在國內架設的鏡像,也方便日後使用apt-get等工具安裝軟體。(實際作者並不清楚安裝時是否會自動測試鏡像列表) 即使使用國內官方鏡像 ...
  • 以下介紹項目中的startup和ld文件, 以及HC32L110的啟動機制, 因為是面向 GCC Arm Embedded 工具鏈的版本, 所以 startup 代碼和 ld 連接描述腳本都依據 GCC Arm 工具鏈的格式. ...
  • ClickHouse屬於分析型資料庫,ClickHouse提供了許多數據類型,它們可以劃分為基礎類型、複合類型和特殊類型。其中基礎類型使ClickHouse具備了描述數據的基本能力,而另外兩種類型則使ClickHouse的數據表達能力更加豐富立體。 基礎類型 基礎類型只有數值、字元串和時間三種類型, ...
  • GreatSQL社區原創內容未經授權不得隨意使用,轉載請聯繫小編並註明來源。 GreatSQL是MySQL的國產分支版本,使用上與MySQL一致。 一. XDP Socket示例解析 源碼參見:https://github.com/xdp-project/xdp-tutorial/tree/mast ...
  • 我的另一篇博文中提到JavaScript 有哪些是假值,哪些是真值。對於 null、undefined、"",等一些假值,JavaScript 直接視為 false。 我有一個需求,判斷從瀏覽器中獲取的 Cookie 是否存在,如果存在我就返回 true,否則返回 false。useCookies( ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...