人人九九精品视频,日本亚洲成a人片在线观看

圍觀！我國第一個推進到瀏覽器標(biāo)準(zhǔn)的 ECMaScript 提案！

以下文章來源于前端很美，作者ginkgo6

在2022年6月22日，第123屆Ecma大會批準(zhǔn)了ECMAScript 2022語言規(guī)范。一起來看看ES13給我們帶來了哪些新特性吧。其中最后一個特性，是我國第一個推進到瀏覽器標(biāo)準(zhǔn)的EcmaScript提案。

1.私有屬性和私有方法
之前js中class的一個痛點就是沒有私有屬性，畢竟封裝是面向?qū)ο蟮娜筇匦裕瑳]有私有屬性如何實現(xiàn)封裝。盡管我們可以用很多方法去曲線實現(xiàn)私有屬性比如閉包proxy、weakmap、symbol等等，但是他們各自有各自的缺陷，下面的代碼演示其中以_作為命名約定的方式實現(xiàn)私有屬性的缺點。

class User {
constructor() {
    // public 屬性
    this.name = "Tom";
    // private 屬性
    this._lastName = "Brown";
}

getFullName(){
    return `${this.name} ${this._lastName}`
}
}

const user = new User();
user.name
// "Tom"

user._lastName
// "Brown"
// no error thrown, we can access it from outside the class

在構(gòu)造函數(shù)中，我們定義了兩個字段，其中一個字段是以_開頭的，這是一個命名約定用于將字段聲明為私有字段，但是當(dāng)我們在類外面訪問該字段時，并沒有引起報錯，原因是因為它只是一個命名規(guī)范而已。
現(xiàn)在在ES13中，我們可以用更簡單的方法聲明公共和私有字段，第一，我們不必在構(gòu)造函數(shù)中定義它們了，其次，我們可以通過在字段前面添加#號來定義一個真正的私有字段。

class User {
name = "Tom";
#lastName = "Brown"

getFullName(){
    return `${this.name} ${this.#lastName}`
}
}

const user = new User();
user.name
// "Tom"

user.getFullName();
// "Tom Brown"

user.#lastName
// SyntaxError - cannot be accessed or modified from outside the class
有了這個特性，我們終于可以簡單輕松的定義一個真正的私有屬性或私有方法了。

2.私有屬性檢測
當(dāng)我們嘗試訪問對象上不存在的私有屬性時會報錯，所以就需要一種方法來檢測對象是否具有某私有屬性，此時，我們可以在class中使用in關(guān)鍵字來完成此工作。

class Person {
#name;
constructor(name) {
    this.#name = name;
}
static check(obj) {
    return #name in obj;
}
}

Person.check(new Person()), // true
當(dāng)然，你可能會發(fā)問對于具有相同名稱的私有屬性的類，in 關(guān)鍵字是否能正常工作，別擔(dān)心，請參考以下例子，User類和Person類具有相同的私有屬性name,in關(guān)鍵字可以正確的區(qū)分。

class User {
#name;
constructor(name) {
    this.#name = name;
}
static check(obj) {
    return #name in obj;
}
}

class Person {
#name;
constructor(name) {
    this.#name = name;
}
static check(obj) {
    return #name in obj;
}
}

User.check(new User()),     // true
User.check(new Person()),   // false
Person.check(new Person()), // true
Person.check(new User()),   // false
3. 類靜態(tài)初始化塊(Class Static Block)
類在初始化的時候會執(zhí)行靜態(tài)初始化塊(Class Static Block)，一個類可以擁有任意個靜態(tài)初始化塊，它們將會按照聲明的順序執(zhí)行。靜態(tài)初始塊內(nèi)還可以訪問父類的靜態(tài)屬性。

class Dictionary {
static words = [ "yes", "no", "maybe" ];
}

class Words extends Dictionary {
static englishWords = [];
static #localWord = 'ok';
// 第一個靜態(tài)初始化塊
static {

    const words = super.words;
    this.englishWords.push(...words);
}
// 第二個靜態(tài)初始化塊
static {
      this.englishWords.push(this.#localWord);
}
}

console.log(Words.englishWords)
//輸出 -> ["yes", "no", "maybe", "ok"]
下面這個例子，我們還可以通過靜態(tài)初始化塊將私有屬性暴露出去。

let getClassPrivateField;

class Person {
#privateField;
constructor(value) {
    this.#privateField = value;
}
static {
    getClassPrivateField = (obj) => obj.#privateField;
}
}

getClassPrivateField(new Person('private value'));
4.Regexp Match Indices
之前 ECMAScript 中的「RegExp.prototype.exec」方法的返回值已經(jīng)提供了對于匹配的捕獲組文本與對應(yīng)的捕獲組在正則表達式中的索引。盡管它已經(jīng)包含輸入字符串，模式匹配的索引以及包含任何已命名捕獲組的子字符串的group對象，但是對于復(fù)雜情況，此信息可能不足。

歡迎關(guān)注微信公眾號：前端印象

在线午夜精品自拍小视频_无码av无码专区线_亚洲无码精品人妻_人人澡欧美一区

前端