ホームページ > 記事 > ウェブフロントエンド > JavaScript6の新機能を詳しく紹介します。
JavaScript 6 の新機能は何ですか? JavaScript 6 の新機能のいくつかを見てみましょう。
let
、const
(ブロックローカル変数let
, const
(用来定义block-local变量), 程序过程中的function
解构: let {x, y} = pt; let [s, v, o] = triple();
(前提是let pt = {x:2, y:-5}
)
缺省参数值: function f(x, y=1, z=0) {⋯}
其它参数: function g(i, j, ...r) { <a href="http://www.php.cn/wiki/135.html" target="_blank">return</a> r.slice(i, j); }
(不需要再使用 arguments
)。
数据展开: let a = [0,1,2,3], o = <a href="http://www.php.cn/wiki/165.html" target="_blank">new</a> Something(...a);
。也可以用于数组字面量: [1, ...<a href="http://www.php.cn/wiki/1041.html" target="_blank">array</a>, 4]
.
对象简写:let one = 1; { one, func_one() {return 1;}, ['<a href="http://www.php.cn/wiki/1051.html" target="_blank">key</a> ' + one]: 1 }
.
函数简写 (a) => a * a
效果等同(function(a) { return a * a; }).bind(this)
map, set: let m = new Map(); m.set(key, value); m.has(key); m.get(key)
.
还包括 .<a href="http://www.php.cn/wiki/917.html" target="_blank">clear</a>()
, .<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()
.
promise: new Promise((resolve, reject) => {…})
.
当 promise.then(value => {…})
时,resolve(valueOrPromise)
返回承诺的值 (或者是一个新的promise,形成链式调用)
当promise.then(…).then(…).catch(error => {…})
时reject(new Error(…))
中断promise
快速 promise 创建: Promise.resolve(value)
, Promise.reject(error)
.
迭代: 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</a>er)
.
简单说: 使用类对象的元素进行重载(能够带来所有可访问的属性。)
生成器: function* gen() { yield 1; yield 2; }
事实上,gen()
会返回一个含有 <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</a>
, <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]; } }
符号(Symbol)对象,创建私有的key,可用于map和类中(私有成员
members)。
let a = Map(); { let k = Symbol(); a.set(k, 'value'); // 这里你可以访问和设置'value',比如a.get(k)。 } //这里不行,k是不可见的。
模块化:
module math { export function sum(x, y) { return x + y; } export var pi = 3.141593; } import {sum, pi} from math; alert(sum(pi,pi));
模板式字符串: 可以多行,并能嵌入变量。`You are ${age} years old.`
)、プログラム中の function
の分解: let {x, y} = pt; let [s, v, o] = Triple( ) ;
(let pt = {x:2, y:-5}
の場合)
function f(x , y =1, z=0) {⋯}
function g(i, j, ...r) { <a href="http://www.php.cn/wiki/135.html" target="_blank">return🎜 r.スライス(i, j); }</a>
引数
を使用する必要はもうありません)。 🎜🎜🎜🎜データ展開: let a = [0,1,2,3], o = <a href="http://www.php.cn/wiki/165.html" target="_blank ">新しい🎜何か(...a);</a>
。 配列🎜リテラルにも使用できます: [1, ...<a href="http://www.php.cn/wiki/1041.html" target="_blank">配列🎜, 4]</a>
.🎜🎜🎜🎜オブジェクト 🎜省略形:let one = 1; { one, func_one() {return 1;}, ['<a href="http%20:%20//www.php.cn/wiki/1051.html" target="_blank">key🎜 ' + one]: 1 }</a>
.🎜🎜🎜🎜関数🎜の略語 (a) => a * a
も同じ効果があります(function(a) ) { return a * a; }).bind(this)
🎜🎜🎜マップ🎜、set🎜: let m = new Map(); ); m .has(key); m.get(key)
。 も含まれます。<a href="http://www.php.cn/wiki/917.html%20" target="_blank">clear🎜()</a>
, .<a href="http://www.php.cn/wiki/1298.html" target="_blank">delete🎜( ) code>、<code>.<a href="http://www.php.cn/wiki/127.html" target="_blank">forEach🎜()</a>
、。 key()
.🎜🎜🎜🎜弱いマップ: let map = new WeakMap()
。 ループがある場合🎜🎜を参照する際にご利用ください。 new WeakSet()
にも同じことが当てはまります。 🎜🎜🎜🎜promise: new Promise((resolve,拒否) => {…})
.🎜🎜promise.then(value => {…})
の場合、resolve(valueOrPromise)
は約束された値 (または、新しい Promise を形成したもの) を返します。チェーン呼び出し)🎜🎜🎜🎜When promise.then(…).then(…).catch(error => {…})
reject(new Error( …))Promise を中断します🎜🎜🎜🎜クイック Promise 作成: <code>Promise.resolve(value)
, Promise.reject(error)
.🎜🎜🎜🎜Iteration : 約束。<a href="http://www.php.cn/wiki/1483.html" target="_blank">all🎜(listOfPromises).then(listOfValues => …)</a>
、 Promise.race(listOfPromises).then(valueThatResolvedFirst => …)
🎜🎜🎜🎜🎜Proxy: let obj = new Proxy(proto, han<a href="http://www.php.cn/wiki/596.html" target="_blank">dl🎜er)</a>
.function* gen( ) { yield 1; yield 2 }
gen()
は <a href="http%20://www.php;%20.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🎜</a>
、<a href="http://www.php.cn/code/8202.html" target="_blank">super🎜</a>
および <a href="http://www.php.cn%20/wiki/188.html" target="_blank">static🎜</a>
:🎜// 多行字符串 re`line1: (words )* line2: \w+` // It desugars to: re({raw:'line1: (words )*\nline2: \w+', cooked:'line1: (words )*\nline2: \w+'})🎜🎜🎜Symbol (シンボル) オブジェクトは、マップやクラス (プライベート メンバー
`あなたは ${age} 歳です。`
.🎜rrreee🎜🎜🎜型付き配列🎜🎜🎜🎜🎜
以上がJavaScript6の新機能を詳しく紹介します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。