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“.
Der Blockbereich existiert: innerhalb der Funktion, im Block (dh: der Bereich zwischen den Zeichen „{“ und „}“)
1.let-Deklaration
//通过var声明的变量
//函数内部
function changeState(flag) {
if (flag) {
var color = "red"
} else {
console.log(color);
return null;
}
}
changeState(false);
//块中
{
var a = 1;
}
console.log("a=" + a);
//for循环中
for (var i = 0; i <p><img src="https://img.php.cn/upload/image/162/737/761/1666341173585140.png" title="1666341173585140.png" alt="Ist die ES6-Syntax ein Standard?"></p> <pre class="brush:php;toolbar:false"> //通过let声明的变量
//函数内部
function changeState(flag) {
if (flag) {
let color = "red"
} else {
console.log(color);
return null;
}
}
changeState(false);
//块中
{
let a = 1;
}
console.log("a=" + a);
//for循环中
for (let i = 0; i <p><img src="https://img.php.cn/upload/image/465/191/909/166634117986532Ist%20die%20ES6-Syntax%20ein%20Standard?" title="166634117986532Ist die ES6-Syntax ein Standard?" alt="Ist die ES6-Syntax ein Standard?"> </p>// 在同一作用域下，不能使用let重复声明已经存在的标识符，但如果在不同的作用域下，则是可以的
var a=0;
var b=0;
{
let a=0;
}
let b=0;
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;
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
二、解构赋值
解构赋值是对赋值运算符的扩展。
他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。
在代码书写上简洁且易读，语义更加清晰明了；
也方便了复杂对象中数据字段获取。
//1、数组解构
// 传统
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、对象解构
let user = {name: 'Johon', age: 18}
// 传统
let name1 = user.name
let age1 = user.age
console.log(name1, age1)
// ES6
let { name, age } = user//注意：解构的变量必须和user中的属性同名
console.log(name, age)三、模板字符串
模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，
还可以在字符串中加入变量和表达式。
// 字符串插入变量和表达式。变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。
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.四、声明对象简写
const age = 12
const name = '小王'
// 传统
const person1 = {age: age, name: name}
console.log(person1)
// ES6
const person2 = {age, name}
console.log(person2) //{age: 12, name: '小王'}五、定义方法简写
// 传统
const person1 = {
sayHi:function(){
console.log('Hi')
}
}
person1.sayHi();//'Hi'
// ES6
const person2 = {
sayHi(){
console.log('Hi')
}
}
person2.sayHi() //'Hi'六、对象拓展运算符
符号 (...)
let person = {nameL:"oAk",age:23}
let someone1 = persion // 引用赋值
let someone2 = { ...person } // 对象拷贝
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}【相关推荐：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!
