9 月 10 日消息，微軟公司昨日（9 月 9 日）發(fā)布博文，宣布推出 TypeScript 5.6 正式版，主要進(jìn)一步完善空值合并與真值檢查，支持禁用類型檢查等等。

TypeScript 簡介

IT之家注：TypeScript 是一種在 JavaScript 基礎(chǔ)上通過添加類型語法構(gòu)建的語言。

類型（Types）用于描述開發(fā)者對(duì)變量、參數(shù)和函數(shù)的形態(tài)，而 TypeScript 類型檢查器可以在開發(fā)者運(yùn)行代碼之前，幫助篩查諸如拼寫錯(cuò)誤、遺漏屬性以及錯(cuò)誤的函數(shù)調(diào)用等問題。

TypeScript 編輯器還引入了自動(dòng)補(bǔ)全、代碼導(dǎo)航和重構(gòu)等功能，用戶可以在 Visual Studio 和 VS Code 等編輯器中體驗(yàn)。

使用命令

用戶可以通過以下命令使用 npm 開始使用 TypeScript：

npm install -D typescript

或者可以通過 NuGet 方式獲取。

新版變化

禁止使用空值合并（Nullish）與真值檢查（Truthy Checks）

TypeScript 5.6 繼續(xù)完善檢查“可疑代碼”，現(xiàn)在能夠在發(fā)現(xiàn)表達(dá)式計(jì)算結(jié)果始終為 TRUE 時(shí)拋出錯(cuò)誤，如正則表達(dá)式，函數(shù)表達(dá)式等：

if (/0x[0-9a-f]/) {
//  ~~~~~~~~~~~~
// error: This kind of expression is always truthy.
}
if (x => 0) {
//  ~~~~~~
// error: This kind of expression is always truthy.
}
function isValid(value: string | number, options: any, strictness: "strict" | "loose") {
    if (strictness === "loose") {
        value = +value
    }
    return value < options.max ?? 100;
    //     ~~~~~~~~~~~~~~~~~~~
    // error: Right operand of ?? is unreachable because the left operand is never nullish.
}
if (
    isValid(primaryValue, "strict") || isValid(secondaryValue, "strict") ||
    isValid(primaryValue, "loose" || isValid(secondaryValue, "loose"))
) {
    //                    ~~~~~~~
    // error: This kind of expression is always truthy.
}

通過啟用 ESLint 的 no-constant-binary-expression 規(guī)則，同樣可以實(shí)現(xiàn)類似效果，你可以在他們的博客文章中看到部分成果。

然而，TypeScript 新增的檢查與 ESLint 規(guī)則并非完全重疊，并且微軟認(rèn)為將這些檢查內(nèi)置于 TypeScript 本身具有很大價(jià)值。

Iterator Helper 方式

JavaScript 中存在可迭代對(duì)象（可以通過調(diào)用 [Symbol.iterator]() 來遍歷的對(duì)象）和迭代器（具有 next () 方法的對(duì)象，我們可以調(diào)用該方法以在遍歷過程中嘗試獲取下一個(gè)值）的概念。

Iterable 和 IterableIterator 在 JavaScript 中隨處可見，但許多人反饋?zhàn)约簯涯?Array 上的方法，比如 map 、 filter ，出于某種原因還有 reduce 。

function* positiveIntegers() {
    let i = 1;
    while (true) {
        yield i;
        i++;
    }
}
const evenNumbers = positiveIntegers()map(x = x * 2)
// Output
//    2
//    4
//    6
//    8
//   10
for (const value of evenNumbers.take(5)) {
    console.log(value)
}

這就是為什么最近在 ECMAScript 中提出了一項(xiàng)提案，要將 Array 中的許多方法（及更多）添加到 JavaScript 中生成的大多數(shù) IterableIterator 上。