ES6 第一講 變量定義 堆與棧 字符串的擴展和數值型的擴展

文章目錄

  • 1.ES6變量定義
  • 2.ES6堆和棧
  • 3.字符串的擴展
    • 3.1 模板字符串
    • 3.2 判斷是否以指定的字符串開頭或結尾
    • 3.3 字符串重復輸出
    • 3.4 填充方法
    • 3.5 去除前后字符串空格
    • 3.6 返回參數指定位置的字符
  • 4. 數值型的擴展
    • 4.1 二進制0B 八進制0O
    • 4.2 判斷是否是一個無窮大的數字 (判斷是否為數值型)
    • 4.3 判斷是否為一個 NaN(not a number)
    • 4.4 轉換成數值型和浮點型
    • 4.5 判斷是否是整數
    • 4.6 js中最大能處理的數字范圍和最小能處理的范圍及判斷數值是否在安全范圍內

1.ES6變量定義

新的變量定義關鍵字

變量提升
當前變量的定義部分會提升到當前作用域的最頂端
注意是定義部分,不是賦值

函數提升,會將當前函數定義部分提升到但錢作用域的最頂端

let 與const
let是變量,不能重定義,沒有變量提升

let會生成塊級作用域,如果在{}內使用let定義變量就會在當前作用域

  {var a=10;}console.log(a);  //不會報錯{let a=10;}console.log(a);  //會報錯

2.ES6堆和棧

棧內存,相當于鍵值對,存儲容量比較小
堆內容,存儲容量比較大,像數組和對象

3.字符串的擴展

3.1 模板字符串

引入模板字符串前,用js插入標簽,不能換行,擔心單引號,雙引號

 oBox.innerHTML = "<ul><li class='list-item'>"+ num +"</li><li>b</li><li>c</li></ul>";

引入模板字符串后

  //模版字符串 內部不區分單引號雙引號 支持換行 使用變量${}oBox.innerHTML = `<ul class="ul-style" ><li class='li-style'>${num}</li></ul>`

變量用${} ,最外邊用``把代碼擴上

3.2 判斷是否以指定的字符串開頭或結尾

 var str = "hello world";var str2 = "ab"
// console.log(str.includes("w"));
// 判斷當前字符串是否以制定的字母開頭
// console.log(str.startsWith("he"));// 判斷當前字符串是否以制定的字母結尾
// console.log(str.endsWith("rld"));

3.3 字符串重復輸出

字符串.repeat()

console.log(str2.repeat(3));

3.4 填充方法

字符串.padStart(,)
字符串.padEndt(,)

 // 填充方法,向前填充 接收兩個參數第一個代表填充長度(包含原有字符串長度),第二個參數以制定的字符進行填充console.log(str2.padStart(10,"xy"));
// 填充方法,向后填充 接收兩個參數第一個代表填充長度(包含原有字符串長度),第二個參數以制定的字符進行填充console.log(str2.padEnd(10,"xy"));

3.5 去除前后字符串空格

 var str = "abc"去除字符串空格console.log(str.trim());   //去除前后字符串空格console.log(str.trimEnd()); //去除后面字符串空格console.log(str.trimStart()); //去除前面字符串空格

3.6 返回參數指定位置的字符

var n = str.charAt(1);
console.log(n);

4. 數值型的擴展

4.1 二進制0B 八進制0O

// 二進制 表示形式
let num1 = 0B101;
// 八進制
let num2 = 0O70;
// 十六進制
let num3 = 0Xfff;

4.2 判斷是否是一個無窮大的數字 (判斷是否為數值型)

// 判斷是否是一個無窮大的數字 (判斷是否為數值型)
console.log(Number.isFinite(str));
console.log(Number.isFinite(10/0));

4.3 判斷是否為一個 NaN(not a number)

// 判斷是否為一個 NaN(not a number)
console.log(Number.isNaN(3*"a"));
console.log(Number.isNaN(num));

4.4 轉換成數值型和浮點型

windows對象下雖然有parseInt方法,但是所有的方法都讓windows對象處理,是不科學的

// 轉換成整型
console.log(Number.parseInt(str1));
// 轉換成浮點型 帶有小數的
console.log(Number.parseFloat(str1));

4.5 判斷是否是整數

// 判斷是否為整數
console.log(Number.isInteger(num));
console.log(Number.isInteger(num2));

4.6 js中最大能處理的數字范圍和最小能處理的范圍及判斷數值是否在安全范圍內

//js當中最大能處理的數字范圍
console.log(Number.MAX_SAFE_INTEGER);//Math.pow(2,53)-1
// js當中最小能處理的數字范圍
console.log(Number.MIN_SAFE_INTEGER);//Math.pow(2,53)+1
// 判斷數值是否在安全范圍內
console.log(Number.isSafeInteger(Number.MAX_SAFE_INTEGER+1));

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/76515.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/76515.shtml
英文地址,請注明出處:http://en.pswp.cn/web/76515.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

LeetCode第158題_用Read4讀取N個字符 II

LeetCode 第158題&#xff1a;用Read4讀取N個字符 II 題目描述 給你一個文件&#xff0c;并且該文件只能通過給定的 read4 方法來讀取&#xff0c;請實現一個方法來讀取 n 個字符。 read4 方法&#xff1a; API read4 可以從文件中讀取 4 個連續的字符&#xff0c;并且將它…

算法篇之單調棧

單調棧算法入門 單調棧是一種特殊的數據結構應用&#xff0c;它的核心在于維護一個棧&#xff0c;使得棧內元素保持單調遞增或者單調遞減的順序。這種數據結構在解決很多算法問題時非常有效&#xff0c;例如求數組中每個元素的下一個更大元素、每日溫度問題等。 一、單調棧的…

Kubernetes控制平面組件:調度器Scheduler(二)

云原生學習路線導航頁&#xff08;持續更新中&#xff09; kubernetes學習系列快捷鏈接 Kubernetes架構原則和對象設計&#xff08;一&#xff09;Kubernetes架構原則和對象設計&#xff08;二&#xff09;Kubernetes架構原則和對象設計&#xff08;三&#xff09;Kubernetes控…

【網絡】數據鏈路層知識梳理

全是通俗易懂的講解&#xff0c;如果你本節之前的知識都掌握清楚&#xff0c;那就速速來看我的筆記吧~ 自己寫自己的八股&#xff01;讓未來的自己看懂&#xff01; &#xff08;全文手敲&#xff0c;受益良多&#xff09; 數據鏈路層 我們來重新理解一下這個圖&#xff1a;…

機器學習(神經網絡基礎篇)——個人理解篇6(概念+代碼)

1 在聲明一個類中&#xff0c;構建一個屬于類的函數&#xff0c;前面為什要加上“self”&#xff1f; 就像下面這一串代碼&#xff1a; class TwoLayerNet:def __init__(self, input_size, hidden_size, output_size,weight_init_std0.01):# 初始化權重self.params {}self.p…

Cribl 對Windows-xml log 進行 -Removing filed-06

Removing Fields Description? The Eval Function can be used to add or remove fields. In this example we will remove the extracted fields while preserving _raw, _time,index,source, sourcetype. Steps - Adding an Eval Function

chili3d調試6 添加左側面板

注釋前 一個一個注釋看對應哪個窗口 無事發生 子方法不是顯示的窗口 注釋掉看看 沒了 注釋這個看看 零件頁面沒了 這個瀏覽器居然完全不用關的&#xff0c;刷新就重載了 注釋看看 無工具欄版本 sidebar&#xff1a; 往框框里面加入 div({ className: style.input }, user_…

Linux學習——了解和熟悉Linux系統的遠程終端登錄

Linux學習——了解和熟悉Linux系統的遠程終端登錄 一.配置Ubuntu系統的網絡和用戶 1、設置虛擬機網絡為橋接模式 打開VMWare&#xff0c;選擇編輯虛擬機設置&#xff0c;在網絡適配器設置中&#xff0c;選擇“橋接模式”&#xff0c;保存設置并啟動Ubuntu。 2、配置Ubuntu的…

【JAVA EE初階】多線程(1)

這樣的代碼&#xff0c;雖然也能打印hello thread&#xff0c;但是沒有創建新的線程&#xff0c;而是直接在main方法所在的主線程中執行了run的邏輯 start方法&#xff0c;是調用系統api&#xff0c;真正在操作系統內部創建一個線程。這個新的線程會以run作為入口方法&#xff…

javase 學習

一、Java 三大版本 javaSE 標準版 &#xff08;桌面程序&#xff1b; 控制臺開發&#xff09; javaME 嵌入式開發&#xff08;手機、小家電&#xff09;基本不用&#xff0c;已經淘汰了 javaEE E業級發開&#xff08;web端、 服務器開發&#xff09; 二、Jdk ,jre jvm 三…

【Linux】Linux 操作系統 - 05 , 軟件包管理器和 vim 編輯器的使用 !

文章目錄 前言一、軟件包管理器1 . 軟件安裝2 . 包管理器3 . Linux 生態 二、軟件安裝 、卸載三、vim 的使用1 . 什么是 vim ?2 . vim 多模式3 . 命令模式 - 命令4 . 底行模式 - 命令5. 插入模式6 . 替換模式7 . V-BLOCK 模式8 . 技巧補充 總結 前言 本篇筆者將會對軟件包管理…

python基礎知識點(1)

python語句 一行寫一條語句 一行內寫多行語句&#xff0c;使用分號分隔建議每行寫一句&#xff0c;且結束時不寫分號寫在[ ]、{ }內的跨行語句&#xff0c;被視為一行語句\ 是續行符,實現分行書寫功能 反斜杠表示下一行和本行是同一行 代碼塊與縮進 代碼塊復合語句&#xf…

C#/.NET/.NET Core技術前沿周刊 | 第 35 期(2025年4.14-4.20)

前言 C#/.NET/.NET Core技術前沿周刊&#xff0c;你的每周技術指南針&#xff01;記錄、追蹤C#/.NET/.NET Core領域、生態的每周最新、最實用、最有價值的技術文章、社區動態、優質項目和學習資源等。讓你時刻站在技術前沿&#xff0c;助力技術成長與視野拓寬。 歡迎投稿、推薦…

HTML表單與數據驗證設計

HTML 表單與數據驗證設計&#xff1a;構建可靠的用戶數據采集系統 引言 互聯網的核心是數據交互&#xff0c;而HTML表單是這一交互的主要入口。作為前端工程師&#xff0c;設計高質量的表單不僅關乎用戶體驗&#xff0c;更直接影響數據收集的準確性和系統安全。 在我的學習實…

基于STM32的Keil環境搭建與點燈

本人使用的STM32開發板為正點原子的STM32F103ZE&#xff0c;在此記錄完整的搭建與點燈過程。 一、Keil的安裝與配置 安裝Keil 首先進入Keil下載官網&#xff1a;https://www.keil.com/download/product/ 點擊MDK-ARM&#xff0c;并填寫相關信息&#xff0c;之后開始下載最新版…

React-useRef

如果我們想在hooks里面獲同步取最新的值&#xff0c;那么則可以使用useRef, 關鍵源碼如下&#xff1a; function mountRef<T>(initialValue: T): {|current: T|} {const hook mountWorkInProgressHook();const ref {current: initialValue};hook.memoizedState ref;re…

幽靈依賴與常見依賴管理

文章目錄 前言1. 演示&#xff1a;檢測和修復幽靈依賴步驟1&#xff1a;安裝 depcheck步驟2&#xff1a;在項目根目錄運行 depcheck可能的輸出步驟3&#xff1a;修復幽靈依賴 2. 依賴管理的好習慣 1. 場景設定現在有如下依賴需求&#xff1a; 2. 依賴沖突的表現3. 解決依賴沖突…

如何使用人工智能大模型,免費快速寫工作總結?

如何使用人工智能大模型&#xff0c;免費快速寫工作總結&#xff1f; 詳細學習視頻https://edu.csdn.net/learn/40406/666581

[Java實戰經驗]異常處理最佳實踐

一些好的異常處理實踐。 目錄 異常設計自定義異常為異常設計錯誤代碼&#xff08;狀態碼&#xff09;設計粒度全局異常處理異常日志信息保留 異常處理時機資源管理try-with-resources異常中的事務 異常設計 自定義異常 自定義異常設計&#xff0c;如業務異常定義BusinessExce…

Makefile 入門指南

Makefile 入門指南 最簡單的例子 單文件編譯 假設我們有一個main.cpp文件&#xff0c;最簡單的Makefile如下&#xff1a; # 最簡單的單文件編譯 # 目標:依賴文件 main: main.cpp# 編譯命令g main.cpp -o main使用步驟&#xff1a; 將上述內容保存為名為Makefile的文件&…