let bin = 0b1010010
let oct = 0o755

請參閱：

const byte = 2 ** 8
// 同: Math.pow(2, 8)

new Promise((resolve, reject) => {
  if (ok) { resolve(result) }
  else { reject(error) }
})

用于異(yi)步編程。 請參閱(yue)：

promise
  .then((result) => { ··· })
  .catch((error) => { ··· })

promise
  .then((result) => { ··· })
  .catch((error) => { ··· })
  .finally(() => {
    /* 獨(du)立(li)于(yu)成功/錯誤的(de)邏(luo)輯(ji) */
  })

當承(cheng)諾被(bei)履行(xing)或被(bei)拒絕時，處理(li)程序(xu)被(bei)調用

Promise.all(···)
Promise.race(···)
Promise.reject(···)
Promise.resolve(···)

async function run () {
  const user = await getUser()
  const tweets = await getTweets(user)
  return [user, tweets]
}

async 函(han)數(shu)是使用(yong)函(han)數(shu)的另一種方式。 請參閱：

const scores = [22, 33]
const [math = 50, sci = 50, arts = 50] = scores

// Result:
// math === 22, sci === 33, arts === 50

可以在解(jie)構數組或對象(xiang)時分(fen)配默認值

function greet({ name, greeting }) {
  console.log(`${greeting}, ${name}!`)
}

greet({ name: 'Larry', greeting: 'Ahoy' })

對象和數組的解(jie)構也(ye)可以在函(han)數參數中(zhong)完成

function greet({ name = 'Rauno' } = {}) {
  console.log(`Hi ${name}!`);
}

greet() // Hi Rauno!
greet({ name: 'Larry' }) // Hi Larry!

function printCoordinates({ left: x, top: y }) {
  console.log(`x: ${x}, y: ${y}`)
}

printCoordinates({ left: 25, top: 90 })

此示例將 x 分配給 left 鍵的值

for (let {title, artist} of songs) {
  ···
}

賦值表達(da)式也在循環中(zhong)工作

const { id, ...detail } = song;

使用 rest(...) 運算符單獨提取一(yi)些鍵和對象中的剩余鍵

function log(x, y = 'World') {
  console.log(x, y);
}

log('Hello')          // Hello World
log('Hello', 'China') // Hello China
log('Hello', '')      // Hello

function foo({x, y = 5} = {}) {
  console.log(x, y);
}

foo() // undefined 5

function foo() {}
foo.name // "foo"

function foo(a, b){}
foo.length // 2

module.exports = { hello, bye }

同下:

module.exports = {
  hello: hello, bye: bye
}

請參閱：

const App = {
  start () {
    console.log('running')
  }
}
// 同(tong): App = { start: function () {···} }

請參閱：

const App = {
  get closed () {
    return this.status === 'closed'
  },
  set closed (value) {
    this.status = value ? 'closed' : 'open'
  }
}

請參閱：

let event = 'click'
let handlers = {
  [`on${event}`]: true
}
// 同: handlers = { 'onclick': true }

請參閱：

const fatherJS = { age: 57, name: "張三" }
Object.values(fatherJS)
// [57, "張三(san)"]
Object.entries(fatherJS)
// [["age", 57], ["name", "張三"]]

import 'helpers'
// 又名: require('···')

import Express from 'express'
// 又名(ming): const Express = require('···').default || require('···')

import { indent } from 'helpers'
// 又名: const indent = require('···').indent

import * as Helpers from 'helpers'
// 又名: const Helpers = require('···')

import { indentSpaces as indent } from 'helpers'
// 又名: const indent = require('···').indentSpaces

import 是新的 require()。 請參閱：

export default function () { ··· }
// 又名: module.exports.default = ···

export function mymethod () { ··· }
// 又(you)名: module.exports.mymethod = ···

export const pi = 3.14159
// 又名: module.exports.pi = ···

const firstName = 'Michael';
const lastName = 'Jackson';
const year = 1958;
export { firstName, lastName, year };

export * from "lib/math";

export 是新的module.exports。 請參閱：

import {
  lastName as surname // 導入重命名
} from './profile.js';

function v1() { ... }
function v2() { ... }

export { v1 as default };
// 等(deng)同于 export default v1;

export {
  v1 as streamV1,           // 導出重命(ming)名(ming)
  v2 as streamV2,           // 導出重(zhong)命名
  v2 as streamLatestVersion // 導出重(zhong)命名
};

button.addEventListener('click', event => {
  import('./dialogBox.js')
    .then(dialogBox => {
      dialogBox.open();
    })
    .catch(error => {
      /* Error handling */
    })
});

引入 import() 函數

const main = document.querySelector('main')

import(`./modules/${someVariable}.js`)
  .then(module => {
    module.loadPageInto(main);
  })
  .catch(err => {
    main.textContent = err.message;
  });

為 import 命令添加了一個元屬性 import.meta，返回當前模(mo)塊(kuai)的元信息

new URL('data.txt', import.meta.url)

Node.js 環境中，import.meta.url返回的總是本地路徑，即 file:URL 協議的字符串，比如 file:///home/user/foo.js

function* idMaker () {
  let id = 0
  while (true) { yield id++ }
}

let gen = idMaker()
gen.next().value  // → 0
gen.next().value  // → 1
gen.next().value  // → 2

情況很復雜。 請參閱：

var gen = {};
gen[Symbol.iterator] = function* () {
  yield 1;
  yield 2;
  yield 3;
};

[...gen] // => [1, 2, 3]

Generator 函數賦值給 Symbol.iterator 屬性，從而使得 gen 對象具有了 Iterator 接口，可以被 ... 運算符遍歷了

function* gen() { /* some code */ }
var g = gen();

g[Symbol.iterator]() === g // true

gen 是一個 Generator 函數，調用它會生成一個遍歷器對象g。它的 Symbol.iterator 屬性，也是(shi)一個(ge)遍(bian)歷器對象生成(cheng)函數，執行后返回它自己