JavaScript Was ist neu in JavaScript 6? Werfen wir einen Blick auf einige der neuen Funktionen von JavaScript 6.
let
, const
(wird verwendet, um blocklokaleVariablen zu definieren), function
let {x, y} = pt; let [s, v, o] = triple();
(vorausgesetzt, dass
)let pt = {x:2, y:-5}
function f(x, y=1, z=0) {⋯}
let a = [0,1,2,3], o = <a href="http://www.php.cn/wiki/%20165.html" target="_blank">new<p> Something(...a);</p></a>
. Kann auch für let a = [0,1,2,3], o = <a href="http://www.php.cn/wiki/165.html" target="_blank">new</a> Something(...a);
Array-Literale verwendet werden: [1, ...<a href="http://www.php.cn/wiki/1041.html" target="_blank"> array</a>, 4]
.[1, ...<a href="http://www.php.cn/wiki/1041.html" target="_blank">array</a>, 4]
Objekt Abkürzung: let one = 1 { one, func_one(); {return 1;}, ['<a href="http://www.php.cn/wiki/1051.html" target="_blank">key<br> ' + eins]: 1 </a>
.let one = 1; { one, func_one() {return 1;}, ['<a href="http://www.php.cn/wiki/1051.html" target="_blank">key</a> ' + one]: 1 }
FunktionAbkürzung hat die gleiche Wirkung wie (a) => a * a
(function(a) { return a * a; }).bind(this)
Karte, Satz: .let m = new Map(); m.set(key, value); m.has(key); m.get(key)
enthält auch .<a href="http://www.php.cn/wiki/917.html" target=" _blank">clear<br>()</a>
, .<a href="http://www.php.cn/wiki/1298.html" target="_blank">delete<code>.<a href="http://www.php.cn/wiki/917.html" target="_blank">clear</a>()
( ) code>, .<a href="http://www.php.cn/wiki/127.html" target="_blank">forEach<code>.<a href="http://www.php.cn/wiki/1298.html" target="_blank">delete</a>()
(), .<a href="http://www.php.cn/wiki/127.html" target="_blank">forEach</a>()
..keys()
. Verwenden Sie es, wenn eine let map = new WeakMap()
SchleifeReferenz vorhanden ist. Das Gleiche . new WeakSet()
.new Promise((resolve, reject) => {…})
, gibt promise.then(value => {…})
den versprochenen Wert (oder ein neues Versprechen) zurück , einen Kettenruf bildend) resolve(valueOrPromise)
promise.then(…).then(…).catch(error => {…})
ein Versprechen bricht reject(new Error(…))
, Promise.resolve(value)
.Promise.reject(error)
Versprechen.<a href="http://www.php.cn/wiki/1483.html" target="_blank">alle<p>(listOfPromises).then(listOfValues => …)</p></a>
,Promise.<a href="http://www.php.cn/wiki/1483.html" target="_blank">all</a>(listOfPromises).then(listOfValues => …)
Promise.race(listOfPromises).then(valueThatResolvedFirst => …)
let obj = new Proxy(proto, han<a href="http://www.php.cn/wiki/596.html" target="_blank">dl<p>er)</p></a>
.let obj = new Proxy(proto, han<a href="http://www.php.cn/wiki/596.html" target="_blank">dl</a>er)
Einfach ausgedrückt: Generator: function* gen() { yield 1; yield 2; }
Tatsächlich gibt
eine Nachricht mit dem Code <a href="http://www.php.cn/wiki/1071.html" target="_blank">next <code>gen()
() zurück > Das Objekt der Funktion. <a href="http://www.php.cn/wiki/1071.html" target="_blank">next</a>()
. for (var [key, val] of items(x)) { alert(key + ',' + val); }
<a href="http://www.php.cn/wiki/166.html" target="_blank">extends<p> </p></a>
, <a href="http://www.php.cn/code/8202.html" target="_blank">super<code><a href="http://www.php.cn/wiki/166.html" target="_blank">extends</a>
und <a href="http://www.php.cn/wiki/188.html" target="_blank">statisches<code><a href="http://www.php.cn/code/8202.html" target="_blank">super</a>
:<a href="http://www.php.cn/wiki/188.html" target="_blank">static</a>
class Point extends Base { constructor(x,y) { super(); this[px] = x, this[py] = y; this.r = function() { return Math.sqrt(x*x + y*y); } } get x() { return this[px]; } get y() { return this[py]; } proto_r() { return Math.sqrt(this[px] * this[px] + this[py] * this[py]); } equals(p) { return this[px] === p[px] && this[py] === p[py]; } }
Mitglieder) verwendet werden kann.
let a = Map(); { let k = Symbol(); a.set(k, 'value'); // 这里你可以访问和设置'value',比如a.get(k)。 } //这里不行,k是不可见的。
Modular:
module math { export function sum(x, y) { return x + y; } export var pi = 3.141593; } import {sum, pi} from math; alert(sum(pi,pi));
String: Kann mehrere sein Linien und kann Variablen einbetten.
.`You are ${age} years old.`
// 多行字符串 re`line1: (words )* line2: \w+` // It desugars to: re({raw:'line1: (words )*\nline2: \w+', cooked:'line1: (words )*\nline2: \w+'})
Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die neuen Funktionen von JavaScript6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!