一加Ace2 Pro官宣：普及16G內(nèi)存 引領(lǐng)24G
一加官方今天繼續(xù)為本月發(fā)布的新機(jī)一加Ace2 Pro帶來預(yù)熱，公布了內(nèi)存方面的信息?！疤蕴?8GB ，12GB 起步，16GB 普及，24GB 引領(lǐng)，還有呢？#一加Ace2Pro#，2023 年 8 月，敬請期待?！蓖瑫r
ES13包含了許多有價值的特性，徹底改變了我們編寫JavaScript的方式。
從異步升級到數(shù)組語法糖等等，讓我們來看看這些特性，看看你是否錯過了其中一些。
在ES13之前，我們永遠(yuǎn)不能在全局作用域中使用await。
? 之前：
// X 語法錯誤：await 只在異步函數(shù)中有效await setTimeoutAsync(3000);function setTimeoutAsync(timeout) { return new Promise((resolve) => { setTimeout(() => { resolve('codingbeautydev.com'); }, timeout); });}我們總是必須將其放在async函數(shù)中或創(chuàng)建一個async IIFE（立即執(zhí)行函數(shù)表達(dá)式）：
// 異步立即執(zhí)行函數(shù)(async () => { await setTimeoutAsync(3000);})();// 類似 C++async function main() { await setTimeoutAsync(3000);}? ES13之后：
// ? 等待超時 - 沒有拋出錯誤await setTimeoutAsync(3000);function setTimeoutAsync(timeout) { return new Promise((resolve) => { setTimeout(() => { resolve('codingbeautydev.com'); }, timeout); });}在ES13之前，我們只能在構(gòu)造函數(shù)中聲明類字段： 與許多其他語言不同，我們不能在類的最外層作用域中聲明或定義它們。
? 之前：
? 現(xiàn)在有了ES13： 就像在TypeScript中一樣：
在ES13之前，創(chuàng)建私有方法是不可能的。 我們還必須使用丑陋的下劃線hack來表示私有性 — 但那只是一個指示。
? 之前：
class Person { _firstName = 'Tari'; _lastName = 'Ibaba'; get name() { return `${this._firstName} ${this._lastName}`; }}const person = new Person();console.log(person.name); // Tari Ibaba// 我們?nèi)匀豢梢栽L問私有成員！console.log(person._firstName); // Tariconsole.log(person._lastName); // Ibaba// 它們也可以被修改！person._firstName = 'Lionel';person._lastName = 'Messi';console.log(person.name); // Lionel Messi? ES13之后：
我們可以通過在字段前加上井號（#）來為類添加私有字段和成員：
如果你試圖從類外部訪問它，你會得到一個語法錯誤：
class Person { #firstName = 'Tari'; #lastName = 'Ibaba'; get name() { return `${this.#firstName} ${this.#lastName}`; }}const person = new Person();console.log(person.name);// 語法錯誤：私有字段 '#firstName' 必須在封閉的類中聲明console.log(person.#firstName);console.log(person.#lastName);我們可以從錯誤消息中看到一些有趣的東西：
編譯器甚至不期望你從類外部嘗試訪問私有字段 — 它假設(shè)你是在嘗試創(chuàng)建一個。
靜態(tài)字段 — 類本身的屬性，而不是任何特定實(shí)例的屬性。
自ES13以來，我們現(xiàn)在可以輕松地為任何類創(chuàng)建它們：
class Person { static #count = 0; static eyeCount = 2; static getCount() { // 使用 this 訪問同級靜態(tài)成員 return this.#count; } // 實(shí)例成員 constructor() { // 使用 this.constructor 訪問靜態(tài)成員 this.constructor.#incrementCount(); } static #incrementCount() { this.#count++; }}const person1 = new Person();const person2 = new Person();console.log(Person.getCount()); // 2通常我們會使用方括號（[]）來訪問數(shù)組的第N個元素。
const arr = ['a', 'b', 'c', 'd'];console.log(arr[1]); // b但從末尾訪問第N個項(xiàng)目一直是一個痛點(diǎn) -- 我們必須使用arr.length - N進(jìn)行索引：
? ES13之前：
const arr = ['a', 'b', 'c', 'd'];// 倒數(shù)第1個元素console.log(arr[arr.length - 1]); // d// 倒數(shù)第2個元素console.log(arr[arr.length - 2]); // c幸運(yùn)的是，ES13帶來了一個新的at()方法，解決了所有這些問題：
const str = 'Coding Beauty';console.log(str.at(-1)); // y 倒數(shù)第1個字符console.log(str.at(-2)); // t 倒數(shù)第2個字符隨著靜態(tài)字段的出現(xiàn)，靜態(tài)塊也來了。 只在類創(chuàng)建時執(zhí)行一次代碼 — 就像C#和Java等OOP語言中的靜態(tài)構(gòu)造函數(shù)。 所以你可以在類中創(chuàng)建任意多個靜態(tài)塊 — 所有代碼都會按你定義的順序運(yùn)行：
class Vehicle { static defaultColor = 'blue';}class Car extends Vehicle { static colors = []; //
本文鏈接：http://www.tebozhan.com/showinfo-26-103577-0.htmlES13中五個最具變革性的JavaScript特性
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請聯(lián)系：2376512515@qq.com 津ICP備18001702號
津公網(wǎng)安備 12010102000574號