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

Was sind die neuen Funktionen von es6?

ES6 neue Funktionen

1, let und const

Wie bereits erwähnt://m.sbmmt.com/js-tutorial-499866.html

2, Symbol

Symbol ist ein neuer grundlegender Datentyp, der in ES6 eingeführt wurde. Er wird zur Darstellung eines eindeutigen Werts verwendet und kann nicht mit anderen Datentypen verwendet werden. Es ist neben undefiniert, null, Zahl, Zeichenfolge, Boolean und Objekt der siebte Datentyp in JavaScript.

Sie können einen Symbolwert wie folgt erstellen:

const a = Symbol(); console.log(a); //Symbol() //因为Symbol是基本数据类型，而不是对象，不能 new 。 const a = new Symbol();//报错，Symbol is not a constructor

Nachdem Sie Symbol() verwendet haben, um einen Wert vom Typ Symbol zu erstellen und ihn einer Variablen zuzuweisen, erhalten Sie einen eindeutigen Wert im Speicher. Außer durch die Variable a kann niemand diesen Wert in irgendeinem Bereich neu erstellen Build-Vorlagen

Für ES6:
Verwenden Sie${}zum Definieren;Backticks(``), um es direkt zu tun;

const a = Symbol();const b = Symbol();

3.1 Neue String-Methode (ergänzend)

• includes()Bestimmt, ob der String den Parameter string enthält und gibt einen booleschen Wert zurück.
  
startsWith() / endWith(), bestimmen Sie, ob die Zeichenfolge mit der Parameterzeichenfolge beginnt oder endet. Gibt einen booleschen Wert zurück. Diese beiden Methoden können einen zweiten Parameter haben, eine Zahl, die die Position angibt, an der die Suche gestartet werden soll.
• 
  

  Nach dem Login kopieren
  ${}来界定；
  反引号(``)直接搞定；

let str = 'blue,red,orange,white';str.includes('blue'); //truestr.startsWith('blue'); //true str.endsWith('blue'); //false

非常好用

3.1 字符串新方法（补充）

• includes()判断字符串是否包含参数字符串，返回boolean值。
• startsWith() / endsWith()，判断字符串是否以参数字符串开头或结尾。返回boolean值。这两个方法可以有第二个参数，一个数字，表示开始查找的位置。

console.log('hello'.repeat(2)); //'hellohello'

• repeat()方法按指定次数返回一个新的字符串。

let arr = 'hell';console.log(arr.padEnd(5,'o')); //'hello'console.log(arr.padEnd(6,'o')); //'helloo'console.log(arr.padEnd(6)); //'hell ',如果没有指定将用空格代替 console.log(arr.padStart(5,'o')); //'ohell'

• padStart()/padEnd()
Die Methode repeat()gibt so oft eine neue Zeichenfolge zurück, wie angegeben.

let [a,b,c] = [1,2,3];console.log(a,b,c); //1,2,3 let [a,b,c] = [1,,3];console.log(a,b,c); //1,undefined,3 let [a,,b] = [1,2,3];console.log(a,b);//1,3 let [a,..b] = [1,2,3]; //...是剩余运算符，表示赋值运算符右边除第一个值外剩余的都赋值给b console.log(a,b); //1,[2,3]

Nach dem Login kopieren

padStart()/padEnd(), verwenden Sie den Parameter string, um die Zeichenfolge entsprechend der angegebenen Länge von vorne oder hinten zu vervollständigen und eine neue Zeichenfolge zurückzugeben.

rrree4. Destrukturierender Ausdruck
Destrukturierende Zuweisung ist eine Erweiterung des Zuweisungsoperators. Es handelt sich um einen Mustervergleich für einArrayoder einObjektund weist dann den darin enthaltenen Variablen Werte zu.String

MapundSet

let obj = { name: "ren", age: 12, sex: "male" };let { name, age, sex } = obj;console.log(name, age, sex); //'ren' 12 'male'let { name: myName, age: myAge, sex: mySex } = obj; //自定义变量名console.log(myName, myAge, mySex); //'ren' 12 'male'

Nach dem Login kopieren

5.1 Karte und Satz

Anders als bei Objekten können die Schlüssel von

Objekt nur
Strings

Symbolwerte von ES6 sein, während Map ein beliebiger Wert sein kann.

• Map-Objekt hat einGrößenattribut, das die Anzahl der Schlüssel-Wert-Paare speichert, während Objektobjekt kein ähnliches Attribut hat.

• let myMap = new Map([['name','ren'],['age',12]]);console.log(myMap); //{'name'=>'ren','age'=>12}myMap.set('sex','male');console.log(myMap); //{'name'=>'ren','age'=>12,'sex'=>'male'}console.log(myMap.size); //3myMap.get('name'); //'ren'myMap.has('age'); //truemyMap.delete('age'); //truemyMap.has('age'); //falsemyMap.get('age'); //undefined

  Nach dem Login kopieren

  5.1.2 Set

kann als Set-Sammlungsobjekt des Backends verstanden werden

let mySet = new Set([1,2,3]); //里面要传一个数组，否则会报错console.log(mySet); //{1,2,3}mySet.add(4);console.log(mySet); //{1,2,3,4}mySet.delete(1); //truemySet.has(1); //falseconsole.log(mySet); //{2,3,4}

Nach dem Login kopieren

Mit derEinzigartigkeit

eine Duplizierung des Arrays erreichen

let arr = [1,1,2,3,4,4];let mySet = new Set(arr); let newArr = Array.from(mySet);console.log(newArr); //[1,2,3,4]

let arr = [1, 2, 3];let obj = { double(n) { return n * 2; }}console.log(Array.from(arr, function (n){ return this.double(n);}, obj)); // [2, 4, 6]

let arr = [1,33,44,22,6,9]let ary = arr.includes(22)console.log(ary)

let arr = [1,33,44,2,6,9]let a1= []arr.forEach((v, i)=>{ if (v > 10) { a1.push(arr[i]) } })console.log(a1) [33,44]let a2= arr.find(v => v > 10)console.log(a2)

let arr = [1,33,44,2,6,9]let a= arr.find(v => v > 10)console.log(a) // 33

let arr = [1,2,3,4,6,11]let newarr = arr.some(function(v){ return v > 10})console.log(newarr) //truelet newarr2 = arr.every(function(v){ return v > 10})console.log(newarr2) //false

const obj1 = {};const obj2 = {};console.log(Object.is(obj1, obj2)); // falseconst obj3 = {};const value1 = obj3;const value2 = obj4;console.log(Object.is(value1, value2)); // true

const obj1 = { a: 1 };const obj2 = { b: 2 };const obj3 = { a:5 , c: 3 };//对象合并，把后面对像合并到第一个对象，对象里相同的属性会覆盖Object.assign(obj1, obj2, obj3);console.log(obj1); // { a: 5, b: 2 , c:3}

let add = (a,b) => { return a+b;}let print = () => { console.log('hi');}let fn = a => a * a; //当只有一个参数时，括号可以省略，函数体只有单行return语句时，大括号也可以省略。

var age = 123; let obj = { age:456, say:() => { console.log(this.age); //this指向window } };obj.say(); //123

import ‘模块名称’ from ‘路径’；import ‘路径’；

let name = 'ren',age = 12;export {name,age}; //注意：变量需要用大括号包裹，然后才能向外输出

1.防止命名冲突

2.复用性强