標記語句

foo: {
  console.log('one');
  break foo;
  console.log('這句列印不會被執行');
}
console.log('two');

/*
 * # 輸出
 * one
 * two
 */

另外，標記也可以給 for 迴圈命名。

“void” 運算子

這個運算子其實早就存在了，所有的瀏覽器都支援！

void 運算子對給定的表示式進行求值，然後返回 undefined。

所以，立即呼叫表示式就可以這樣寫：

void function iife() {
    console.log('hello');
}();

// 和下面等效
 


(function iife() {
    console.log('hello');
})()

高階用法：和 async 一起使用 void

void async function() { 
    try {
        const response = await fetch('air.ghost.io'); 
        const text = await response.text();
        console.log(text);
    } catch(e) {
        console.error(e);
    }
}()

// 或者保持下面的寫法

(async () => {
    try
 
 {
        const response = await fetch('air.ghost.io'); 
        const text = await response.text();
        console.log(text);
    } catch(e) {
        console.error(e);
    }
})();

逗號運算子

逗號運算子對它的每個運算元求值（從左到右），並返回最後一個運算元的值。

function myFunc() {
  let x = 0;
  return (x += 1, x); // 等價於 return ++x;
}

y = false
 
, true; // 希望在 console 中得到 true
console.log(y); // false，逗號優先順序低於賦值

z = (false, true); // 希望在 console 中得到 true
console.log(z); // true，括號中整體返回 true

另一個栗子：

const type = 'man';

const isMale = type === 'man' ? (
    console.log('Hi Man!'),
    true
) : (
    console.log('Hi Lady!'),
    false
);

console.log(`isMale is "${isMale}"`);

HTMLElement.dataset

在此之前我一直對 HTML 元素使用自定義資料屬性 data-*，因為我不曾意識到存在一個 API 來方便地查詢它們。除了個別的命名限制之外（見上面的連結），它的作用基本就是在 JS 中查詢的時候允許你使用駝峰命名法（camelCase）來查詢「減號-命名」（dash-case）的屬性。所以屬性名 data-birth-planet 在 JS 中就變成了 birthPlanet。

可以說相當方便了！

栗子

<div id='person' data-name='john' data-birth-planet='earth'></div>

let personEl = document.querySelector('#person');

console.log(personEl.dataset) // DOMStringMap {name: "john", birthPlanet: "earth"}
console.log(personEl.dataset.name) // john
console.log(personEl.dataset.birthPlanet) // earth

// 你也可以在程式中新增屬性
personEl.dataset.foo = 'bar';
console.log(personEl.dataset.foo); // bar