【前端線上試題解析】牛客JavaScript專項(一)

来源:https://www.cnblogs.com/PaturNax/archive/2022/07/02/16436105.html
-Advertisement-
Play Games

1. 在下列Promise所提供的方法中,用來向成功或者失敗的回調函數隊列中添加回調函數的是( ) then 接收兩個回調函數並返回一個新的 promise 對象,這兩個回調函數分別對應成功回調 onFullfilled 和失敗回調 onRejected,這兩個回調函數接收 promise 的返回值 ...


1. 在下列Promise所提供的方法中,用來向成功或者失敗的回調函數隊列中添加回調函數的是( )

then 接收兩個回調函數並返回一個新的 promise 對象,這兩個回調函數分別對應成功回調 onFullfilled 和失敗回調 onRejected,這兩個回調函數接收 promise 的返回值;

always (finally) 接收一個回調函數並返回一個新的 promise 對象,回調函數在上一個 promise 解析完成之後調用,也就是不管前面是 then 還是 catch 被調用了,它都會被調用,該回調函數不會接收參數。

2.要求匹配以下16進位顏色值,正則表達式可以為:

#ffbbad
#Fc01DF
#FFF
#ffE

匹配16進位的顏色值:格式為 # + 3位數字或字母 或 6位數字或字母

/^#([\da-fA-F]{3}|[\da-fA-F]{6})$/g

也可以寫成

/#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})/g

3.typeof [] 返回值為

typeof只能檢測數據類型,而不能檢測從數據類型中派生的其他類型,數組為object派生對象,所以依然返回object

 function fn(){
  console.log(1);
 }
 console.log(typeof []);//object
 console.log(typeof '[]');//string
 console.log(typeof 1);//number
 console.log(typeof true);//boolean
 console.log(typeof null);//object
 console.log(typeof undefined);//undefined
 console.log(typeof {id:2});//object
 console.log(typeof fn);//function

4.下列代碼中,頁面打開後能夠彈出1的是?

<iframe src="javascript: alert(1)"></iframe>載入頁面的時候觸發;

<img src="" onerror="alert(1)"/> onerror事件 當圖片不存在時,將觸發

IE下的<s style="top:expression(alert(1))"></s>ie 7下會連續彈出, IE5及其以後版本支持在CSS中使用expression,用來把CSS屬性和Javascript表達式關聯起來,這裡的CSS屬性可以是元素固有的屬性,也可以是自定義屬性。就是說CSS屬性後面可以是一段Javascript表達式,CSS屬性的值等於Javascript表達式計算的結果。 在表達式中可以直接引用元素自身的屬性和方法,也可以使用其他瀏覽器對象。這個表達式就好像是在這個元素的一個成員函數中一樣。

5.下麵哪一個是JavaScript 中array的正確用法?

//創建 Array 對象的語法
var arr=[1,2,3];     
var arr=new Array(1,2,3);     
var arr=new Array(12);     //如果只有一個數,代表數組的length是12個
var arr=new Array(0);     //清空數組

6.JS中slice()方法

該方法選取數組的的一部分,並返回一個新數組,切片,切選好的一塊,如果不寫內容,相當於複製。
學習鏈接:JS之slice() 方法

7.exec() 方法

var str1=new RegExp("e");
document.write(str1.exec("hello"));
  • exec() 方法用於檢索字元串中的正則表達式的匹配。返回一個數組,其中存放匹配的結果。如果未找到匹配,則返回值為 null。
    "e".exec("hello")中,"e"是正則表達式,"hello"是檢索的字元串。在"hello"字元串中,能夠匹配到"e"。因此document.write("e");最後結果為e。
  • RegExp是個對象,用於存儲設置的字元串。

8.輸出結果是?

(function() {
    var x=foo();
    var foo=function foo() {
        return "foobar"
    };
    return x;
})();

解析

var x = foo();
var foo=function foo() {...}

語句中變數的聲明會提升,但是定義不會提升。以上代碼等同於:

var foo;
var x = foo();
foo = function foo() {...}

當執行到 x = foo() 時,由於foo未被定義為函數,所以會返回

TypeError: foo is not a function

9.以下正則表達式滿足regexp.test('abc') === true?

  • /^abc$/^a表示以a開頭,c$表示以c結尾,中間再夾個b
  • /[ab]{2}[^defgh]/ [ab]表示a或b {2}表示長度為2 [^defgh]表示非defgh的字元,所以可匹配的有,aac,bbc,abc,abcd
  • /[defgh]*/ "*"表示0或者多個字元,這裡可匹配空,或者括弧內任意字元
  • /..(?=.)/

(?=pattern)
代表字元串中的一個位置,緊接該位置之後的字元序列能夠匹配pattern。

例如對”a regular expression”這個字元串,要想匹配regular中的re,但不能匹配expression中的re,可以用”re(?=gular)”,該表達式限定了re右邊的位置,這個位置之後是gular,但並不消耗gular這些字元,將表達式改為”re(?=gular).”,將會匹配reg,元字元.匹配了g,括弧這一砣匹配了e和g之間的位置。

.匹配除“\n”和"\r"之外的任何單個字元。要匹配包括“\n”和"\r"在內的任何字元,請使用像“[\s\S]”的模式。

所以說在這裡/...(?=.)/匹配的是:
前面任意三個字元,但是後面必須跟一個任意字元(除了\n和\r)。
但是題目給出來的字元串只有三個字元,該正則表達式至少要四個字元。


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

-Advertisement-
Play Games
更多相關文章
  • 目錄 一、前景回顧 二、初識中斷 三、中斷分類 四、中斷號 五、可編程中斷控制器8259A 六、中斷描述符表IDT 一、前景回顧 上一回我們簡單地講解了特權級的原理,這一塊其實我當時也是啃的雲里霧裡,看了好大一會兒才明白。如果實在不怎麼理解特權級檢查也沒關係,因為後面的代碼中也不會涉及到手寫特權級檢 ...
  • 掛載:把指定的設備和根下麵的某個文件夾建立關聯 卸載:解除兩者關係的過程 掛載文件系統:mount 格式:mount device mountpoint mount 設備名 掛載點 mountpoint:掛載點目錄必須事先存在,建議使用空目錄 選項: -t fstype:指定文件系統類型,比如ext ...
  • 目錄 一、前景回顧 二、什麼是特權級檢查 三、門 四、如何進行特權級檢查 五、調用門的跳轉執行流程 六、調用門的跳轉許可權檢查 一、前景回顧 我們在前面講過保護模式較之於實模式的三大特點:分頁機制、特權級和分時機制。現在分頁機制的坑已經填好了,接下來我們開始填特權級的坑。 二、什麼是特權級檢查 首先我 ...
  • 寫在前面 我一直認為,對於電子工程師來講,最好的學習資料就是晶元或者電子器件的數據手冊,可能一開始讀起來會很吃力,但只要你能堅持住,並且本著一種不懂就問,不會就查的態度,相信我,不需要多久你就能看到自己的進步。所以今天我就帶大家解讀一種非常常見,但又似懂非懂的器件——MOSFET,也就是我們常說的M ...
  • 一、簡介 kubernetes 集群相關所有的交互都通過apiserver來完成,對於這樣集中式管理的系統來說,許可權管理尤其重要,在1.5版的時候引入了RBAC(Role Base Access Control)的許可權控制機制。 啟用RBAC,需要在 apiserver 中添加參數--authori ...
  • 先上結論 如果 only_full_group_by 被啟用,那麼在查詢時,如果某個列不在group by 列表中,此時如果不對該列進行聚合處理,則該列不能出現在 select 列表,having 條件中及order by 列表中 MySQL 8.0 預設啟用了sql_mode,我們可以通過 sel ...
  • 本文簡介 我列舉了3種在 Fabric.js 中 更換圖片 的方法。 其中還包括 更換組內圖片 的操作。 環境和版本 Chrome瀏覽器版本:96.0.4664.45 Fabric.js版本:4.6.0 我是在原生環境下開發的,同時也提供了一份 Vue3 環境下開發的代碼(文末有鏈接)。 動手操作 ...
  • 本篇文章通過圖文為你介紹了V8引擎大概的執行過程,你可以瞭解到代碼是從從掃描器Scaner變成tokens,從解析器Parser變成AST,從解釋器變成位元組碼等等。·以及JavaScript代碼在執行的過程中,它在記憶體的情況是如何變化的,讓你從更加底層的角度去理解你的js代碼是如何運行的。瞭解這些後... ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...