前端面試題每日3題——2022-09-04

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

每日 3 題 16 以下代碼執行後,控制臺中的輸出內容為? let a = { n: 1 }; let b = a; a.x = a = { n: 2 }; console.log(a.x); console.log(b.x); 17 以下代碼執行後,控制臺中的輸出內容為? let a = {}; ...


每日 3 題

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

let a = { n: 1 };
let b = a;
a.x = a = { n: 2 };
console.log(a.x);
console.log(b.x);

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

let a = {};
let b = "123";
let c = 123;
a[b] = "b";
a[c] = "c";
console.log(a[b]);

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

function user(obj) {
  obj.name = "aaa";
  obj = new Object();
  obj.name = "bbb";
}

let person = new Object();
user(person);
console.log(person.name);

公眾號【今天也要寫bug】獲取更多前端面試題

答案和解析

16

// 答案:undefined { n: 2 }
// 考察賦值運算符

let a = { n: 1 };
let b = a; // b 指向 { n: 1 }

a.x = a = { n: 2 };
// 首先找到 a.x 等待賦值,即對象 { n: 1 } 的屬性 x
// 然後計算賦值=右側表達式:a = { n: 2 },將 a 賦值為一個新對象
// a 賦值為一個新對象不會影響 b
// 賦值表達式本身的值為要賦值的值,所以 a = { n: 2 } 返回 { n: 2 }
// 所以 { n: 1 } 的屬性 x 被賦值為 { n: 2 }

console.log(a.x); // a 被賦值為 { n: 2 },沒有屬性 x,故輸出:undefined
console.log(b.x); // b.x 即為 { n: 1 } 的屬性 x,故輸出:{ n: 2 }

17

// 答案:c
// 考察對象的屬性名、鍵訪問
// 對於對象 obj = { a: 1 }
// obj.a 語法被稱為“屬性訪問”
// obj['a'] 語法被稱為“鍵訪問”
// 在對象中,屬性名永遠是字元串
// 如果使用 string 意外的值作為屬性名,那麼它首先會被轉換為字元串
let a = {};
let b = "123";
let c = 123;
a[b] = "b"; // 此時 a => {'123':'b'}
a[c] = "c"; // 此時 a => {'123':'c'}
console.log(a[b]); // 輸出 c

18

// 答案:aaa
// 考察引用類型
function user(obj) {
  // obj 指向 person 引用的對象{}
  obj.name = "aaa"; // obj person 引用的對象變為 {name:'aaa'}
  obj = new Object(); // obj 引用新對象,對 person 無影響
  obj.name = "bbb"; // obj => {name:'bbb'},對 person 無影響
}

let person = new Object(); // person => {}
user(person);
console.log(person.name); // person => {name:'aaa'}


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

-Advertisement-
Play Games
更多相關文章
  • 一:背景 一直在用 WinDbg 調試用戶態程式,並沒有用它調試過 內核態,畢竟不是做驅動開發,也沒有在分析 dump 中需要接觸用內核態的需求,但未知的事情總覺得很酷,加上最近在看 《深入解析 Windows 操作系統》 一書,書中有不少案例需要深入到 內核態 ,所以這篇準備整理一下如何用 Win ...
  • zabbix的基礎使用 zabbix服務端web界面使用介紹 基於zabbix服務端的部署進行下麵的操作 web界面 在我們登錄的時候預設會進入監控選項欄的儀錶盤界面 (Monitoring)監控選項欄設置 (Dashboard)儀錶盤 這裡我們一般要修改的是儀錶盤的佈局 選擇編輯儀錶盤 將“當前問 ...
  • 說明 之前安裝的brew被折騰壞了,重新安裝出現了一些問題,之前安裝homebrew的方式不好用了,網上資料很多,折騰了一番,最後成功了,整理好這篇記錄,避免一些坑。 系統版本 版本:macOS [email protected] 晶元:Apple M1 安裝 (1)終端輸入 /bin/zsh -c " ...
  • 目錄 一、前景回顧 二、進程的創建與初始化 三、如何進行進程的切換 四、運行測試 五、原書勘誤 一、前景回顧 在上一回我們大概講述了任務切換的發展,並且知道Linux採用的是一個CPU使用一個TSS的方式,在最後我們成功實現了tss。現在萬事俱備,我們正式來實現用戶進程。 二、進程的創建與初始化 進 ...
  • 2022-09-04 MySQL常用的命令: 1、進入MySQL的命令: mysql -uroot -p; 說明:-uroot是指以root方式進行登陸MySQL。之後輸入設置的SQL密碼。 2、查詢當前的時間 select now(); 3、退出的命令三種操作 (1)方式一,輸入命令 exit; ...
  • 事務機制 · 語雀 (yuque.com) 介紹事務 技術是為瞭解決問題而生的,通過事務我們可以解決以下問題: 多個操作不是一個整體操作,出現了部分執行成功的情況,導致數據的狀態不一致問題(原子性) 一組操作只有部分完成,沒有全部完成,但是此時可以訪問到數據的不一致狀態問題(可見性問題,隔離性) 兩 ...
  • 簡單運用 邏輯且(&&):左右必須都滿足 true 才返回 true;邏輯或(||):左右其中一個滿足 true 就返回 true。 這樣簡單的運用是整體返回一個布爾值,適合在語句判斷的時候用: let user = localStorage.getItem("user"); if (user && ...
  • 本文是深入淺出 ahooks 源碼系列文章的第十七篇,該系列已整理成文檔-地址。覺得還不錯,給個 star 支持一下哈,Thanks。 簡介 useInfiniteScroll 封裝了常見的無限滾動邏輯。 詳細可看官網 註意:這裡的無限滾動指的是常見的點擊載入更多或者說下拉載入更加功能,而不是虛擬滾 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...