ES6-Syntax ist ein Standard. Der vollst?ndige Name von ES6 ist ECMAScript 6, ein offiziell ver?ffentlichter Standard für die JavaScript-Sprache. Ziel dieses Standards ist es, die Verwendung der JavaScript-Sprache zum Schreiben komplexer Gro?anwendungen zu erm?glichen und eine Entwicklungssprache für Unternehmen zu werden. Die Beziehung zwischen ECMAScript und JavaScript ist: Ersteres ist eine Spezifikation des Letzteren und Letzteres ist eine Implementierung des Ersteren.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

Der vollst?ndige Name von ES6 ist ECMAScript 6, ein offiziell ver?ffentlichter Standard für die JavaScript-Sprache. Ziel dieses Standards ist es, die Verwendung der JavaScript-Sprache zum Schreiben komplexer Gro?anwendungen zu erm?glichen und eine Entwicklung auf Unternehmensebene zu erm?glichen Sprache.

ES6 ist ein Standard der neuen Generation der JavaScript-Sprache, der nach ES5 ver?ffentlicht wurde und viele neue Funktionen und Syntax hinzufügt. Der Standard wurde am 17. Juni 2015 als offizielle Version ver?ffentlicht und erhielt den offiziellen Namen ES2015.

Die Beziehung zwischen ECMAScript und JavaScript besteht darin, dass Ersteres eine Spezifikation des Letzteren und Letzteres eine Implementierung des Ersteren ist (andere ECMAScript-Dialekte umfassen JScript und ActionScript).

Im Jahr 2011, nach der Ver?ffentlichung der Version ECMAScript 5.1 , Formulierung begann Version 6.0. Daher bezieht sich die ursprüngliche Bedeutung des Wortes ES6 auf die n?chste Version der JavaScript-Sprache. Die erste Version von ES6 wurde im Juni 2015 ver?ffentlicht und ihr offizieller Name ist ?ECMAScript 2015 Standard“ (kurz ES2015). Im Juni 2016 wurde planm??ig der leicht überarbeitete ?ECMAScript 2016 Standard“ (kurz ES2016) ver?ffentlicht. Diese Version kann als ES6.1-Version angesehen werden, da der Unterschied zwischen den beiden sehr gering ist und es sich grunds?tzlich um den gleichen Standard handelt . Der ES2017-Standard soll laut Plan im Juni 2017 ver?ffentlicht werden.

Daher ist ES6 sowohl ein historischer Begriff als auch ein allgemeiner Begriff. Es bezeichnet den JavaScript-Standard der n?chsten Generation nach Version 5.1, der ES2015, ES2016, ES2017 usw. abdeckt, und ES2015 ist der offizielle Name, der sich speziell auf die ver?ffentlichte Version bezieht in diesem Jahr. Die offizielle Version des Sprachstandards. Wenn wir ES6 sagen, beziehen wir uns im Allgemeinen auf den ES2015-Standard, manchmal beziehen wir uns aber auch allgemein auf die ?JavaScript-Sprache der n?chsten Generation“.

1. Blockbereichskonstrukte let und const

Der Blockbereich existiert: innerhalb der Funktion, im Block (dh: der Bereich zwischen den Zeichen ?{“ und ?}“)

1.let-Deklaration

• Es gibt einen Variablenheraufstufungsmechanismus für über var deklarierte Variablen, aber durch let deklarierte Variablen werden nicht heraufgestuft und der Gültigkeitsbereich der Variablen kann auf den aktuellen Codeblock beschr?nkt werden

//通過(guò)var聲明的變量
??//函數(shù)內(nèi)部
????????function?changeState(flag)?{
????????????if?(flag)?{
????????????????var?color?=?"red"
????????????}?else?{
????????????????console.log(color);
????????????????return?null;
????????????}
????????}
????????changeState(false);
???//塊中
????????{
????????????var?a?=?1;
????????}
????????console.log("a="?+?a);
???//for循環(huán)中
????????for?(var?i?=?0;?i?<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/162/737/761/1666341173585140.png" class="lazy" title="1666341173585140.png" alt="Ist die ES6-Syntax ein Standard?"></p> <pre class="brush:php;toolbar:false">?//通過(guò)let聲明的變量
????????????//函數(shù)內(nèi)部
????????????function?changeState(flag)?{
????????????????if?(flag)?{
????????????????????let?color?=?"red"
????????????????}?else?{
????????????????????console.log(color);
????????????????????return?null;
????????????????}
????????????}
????????????changeState(false);
???????
????????????//塊中
????????????{
????????????????let?a?=?1;
????????????}
????????????console.log("a="?+?a);
??????
????????????//for循環(huán)中
????????????for?(let?i?=?0;?i?<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/024/ae4e9436b32da42a0fd6ccd91f3142c6-3.png" class="lazy" title="166634117986532Ist die ES6-Syntax ein Standard?" alt="Ist die ES6-Syntax ein Standard?"> </p>

• Im selben Bereich k?nnen Sie let nicht verwenden, um einen vorhandenen Bezeichner wiederholt zu deklarieren. Wenn er sich jedoch in einem anderen Bereich befindet, ist dies m?glich.

//?在同一作用域下，不能使用let重復(fù)聲明已經(jīng)存在的標(biāo)識(shí)符，但如果在不同的作用域下，則是可以的
????var?a=0;
????var?b=0;
????{
????????let?a=0;
????}
????let?b=0;

• Die Verwendung von ?let“ zum Deklarieren von Variablen kann die wiederholte Deklaration von Variablen verhindern

Verwenden Sie const, um ein Objekt zu deklarieren. Die Bindung des Objekts selbst kann nicht ge?ndert werden, die Eigenschaften und Werte des Objekts k?nnen jedoch ge?ndert werden

?		var?a=0;
????????var?a=10;//ok
????????var?b=1
????????let?b=100;

3. Globale Blockbereichsbindung
• Variablen oder Objekte, die mit var im globalen Bereich deklariert werden, werden als Attribute des Fensterobjekts in der Browserumgebung verwendet (die Verwendung von var überschreibt wahrscheinlich versehentlich ein vorhandenes Global Eigenschaften)

• ???	const?person={
  ????????????name:"zhangSan"
  ????????};
  ????????person.name="lisi";	?//ok
  ????????person.age=19;	//ok
  ????????
  ????????person={
  ????????????name:"wangwu"
  ????????};

?		var?greeting="welcome";
????????console.log(window.greeting);
????????console.log(window.Screen);
????????var?Screen="liquid?crystal";
????????console.log(window.Screen);

Zusammenfassung

• 通過(guò)var聲明的變量存在變量提升機(jī)制，而let聲明的變量不會(huì)被提升，可將變量的作用域限制在當(dāng)前代碼塊中
• 在同一作用域下，不能使用let重復(fù)聲明已經(jīng)存在的標(biāo)識(shí)符，但如果在不同的作用域下，則是可以的
• 使用let聲明變量，可以防止變量的重復(fù)聲明
• 每個(gè)通過(guò)const關(guān)鍵字聲明的變量必須在聲明的同時(shí)進(jìn)行初始化
• 在同一作用域下用const聲明已經(jīng)存在的標(biāo)識(shí)符也會(huì)導(dǎo)致語(yǔ)法錯(cuò)誤
• 使用const聲明對(duì)象，對(duì)象本身的綁定不能修改，但對(duì)象的屬性和值是可以修改的
• 在全局作用域中使用var聲明的變量或?qū)ο?，將作為瀏覽器環(huán)境中的window對(duì)象的屬性（使用var很可能會(huì)無(wú)意中覆蓋一個(gè)已經(jīng)存在的全局屬性）
• 使用let或const聲明變量和常量，避免覆蓋window對(duì)象的屬性

二、解構(gòu)賦值

解構(gòu)賦值是對(duì)賦值運(yùn)算符的擴(kuò)展。

他是一種針對(duì)數(shù)組或者對(duì)象進(jìn)行模式匹配，然后對(duì)其中的變量進(jìn)行賦值。

在代碼書寫上簡(jiǎn)潔且易讀，語(yǔ)義更加清晰明了；

也方便了復(fù)雜對(duì)象中數(shù)據(jù)字段獲取。

//1、數(shù)組解構(gòu)
// 傳統(tǒng)
let a = 1, b = 2, c = 3
console.log(a, b, c)
// ES6
let [x, y, z] = [1, 2, 3]
console.log(x, y, z)
/*********************************************************************************************************/
/*********************************************************************************************************/
//2、對(duì)象解構(gòu)
let user = {name: 'Johon', age: 18}
// 傳統(tǒng)
let name1 = user.name
let age1 = user.age
console.log(name1, age1)
// ES6
let { name, age } = user//注意：解構(gòu)的變量必須和user中的屬性同名
console.log(name, age)

三、模板字符串

模板字符串相當(dāng)于加強(qiáng)版的字符串，用反引號(hào) `,除了作為普通字符串，還可以用來(lái)定義多行字符串，

還可以在字符串中加入變量和表達(dá)式。

// 字符串插入變量和表達(dá)式。變量名寫在 ${} 中，${} 中可以放入 JavaScript 表達(dá)式。
let name = 'Kuangshen'
let age = 27
let info = `My Name is ${name},I am ${age+1} years old next year.`
console.log(info)
// My Name is Kuangshen,I am 28 years old next year.

四、聲明對(duì)象簡(jiǎn)寫

const age = 12
const name = '小王'
// 傳統(tǒng)
const person1 = {age: age, name: name}
console.log(person1)
// ES6
const person2 = {age, name}
console.log(person2) //{age: 12, name: '小王'}

五、定義方法簡(jiǎn)寫

// 傳統(tǒng)
const person1 = {
sayHi:function(){
console.log('Hi')
}
}
person1.sayHi();//'Hi'
// ES6
const person2 = {
sayHi(){
console.log('Hi')
}
}
person2.sayHi() //'Hi'

六、對(duì)象拓展運(yùn)算符

符號(hào) (...)

let person = {nameL:"oAk",age:23}
let someone1 = persion // 引用賦值
let someone2 = { ...person } // 對(duì)象拷貝
someone1.name = 'oAk_OLD'
someone2.name = 'oAk_NEW'
console.log(persion) // {name:'oAk_OLD', age:23}
console.log(someone1) // {name:'oAk_OLD', age:23}
console.log(someone2) // {name:'oAk_NEW', age:23}

【相關(guān)推薦：javascript視頻教程、編程視頻】

Das obige ist der detaillierte Inhalt vonIst die ES6-Syntax ein Standard?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!