欧美特黄特级在线视频,国语免费一级毛片

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

以下文章來(lái)源于前端很美，作者ginkgo6

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

1.私有屬性和私有方法
之前js中class的一個(gè)痛點(diǎn)就是沒(méi)有私有屬性，畢竟封裝是面向?qū)ο蟮娜筇匦?，沒(méi)有私有屬性如何實(shí)現(xiàn)封裝。盡管我們可以用很多方法去曲線實(shí)現(xiàn)私有屬性比如閉包proxy、weakmap、symbol等等，但是他們各自有各自的缺陷，下面的代碼演示其中以_作為命名約定的方式實(shí)現(xiàn)私有屬性的缺點(diǎ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ù)中，我們定義了兩個(gè)字段，其中一個(gè)字段是以_開(kāi)頭的，這是一個(gè)命名約定用于將字段聲明為私有字段，但是當(dāng)我們?cè)陬愅饷嬖L問(wèn)該字段時(shí)，并沒(méi)有引起報(bào)錯(cuò)，原因是因?yàn)樗皇且粋€(gè)命名規(guī)范而已。
現(xiàn)在在ES13中，我們可以用更簡(jiǎn)單的方法聲明公共和私有字段，第一，我們不必在構(gòu)造函數(shù)中定義它們了，其次，我們可以通過(guò)在字段前面添加#號(hào)來(lái)定義一個(gè)真正的私有字段。

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
有了這個(gè)特性，我們終于可以簡(jiǎn)單輕松的定義一個(gè)真正的私有屬性或私有方法了。

2.私有屬性檢測(cè)
當(dāng)我們嘗試訪問(wèn)對(duì)象上不存在的私有屬性時(shí)會(huì)報(bào)錯(cuò)，所以就需要一種方法來(lái)檢測(cè)對(duì)象是否具有某私有屬性，此時(shí)，我們可以在class中使用in關(guān)鍵字來(lái)完成此工作。

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

Person.check(new Person()), // true
當(dāng)然，你可能會(huì)發(fā)問(wèn)對(duì)于具有相同名稱的私有屬性的類，in 關(guān)鍵字是否能正常工作，別擔(dān)心，請(qǐng)參考以下例子，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)
類在初始化的時(shí)候會(huì)執(zhí)行靜態(tài)初始化塊(Class Static Block)，一個(gè)類可以擁有任意個(gè)靜態(tài)初始化塊，它們將會(huì)按照聲明的順序執(zhí)行。靜態(tài)初始?jí)K內(nèi)還可以訪問(wèn)父類的靜態(tài)屬性。

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

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

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

console.log(Words.englishWords)
//輸出 -> ["yes", "no", "maybe", "ok"]
下面這個(gè)例子，我們還可以通過(guò)靜態(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)提供了對(duì)于匹配的捕獲組文本與對(duì)應(yīng)的捕獲組在正則表達(dá)式中的索引。盡管它已經(jīng)包含輸入字符串，模式匹配的索引以及包含任何已命名捕獲組的子字符串的group對(duì)象，但是對(duì)于復(fù)雜情況，此信息可能不足。

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

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

前端