根據(jù)環(huán)境選擇語(yǔ)言特性

JavaScript 是 ECMAScript（以下簡(jiǎn)稱(chēng) ES） 的實(shí)現(xiàn)。

ES 的版本非常多，各個(gè)瀏覽器的兼容情況也各不相同，所以一定要了解什么特性是不能在業(yè)務(wù)中直接使用的。

許多公司在開(kāi)新項(xiàng)目的同時(shí)，依然要繼續(xù)維護(hù)老項(xiàng)目，老項(xiàng)目的整套體系又和現(xiàn)在的前端整個(gè)開(kāi)發(fā)流程不同，可能缺少編譯、polyfill 等來(lái)解決兼容性問(wèn)題的方案。

在老項(xiàng)目中，應(yīng)避免去使用 ES6+ 的特性，用戶的環(huán)境千變?nèi)f化，完全不知道會(huì)用什么瀏覽器，這時(shí)候就考驗(yàn)開(kāi)發(fā)者的能力了，在使用一些不確定的特性時(shí)，可以通過(guò) CAN I USE 查看。

一些新的 API 都會(huì)有對(duì)應(yīng)的解決方案，如 includes 方法，就可以用 indexOf 代替，或者使用第三方工具庫(kù)，如 lodash。

var string = '123';

console.log(
  string.includes('2'), // 輸出：true
);

console.log(
  string.indexOf('2') > -1, // 輸出：true
);

即便如此，開(kāi)發(fā)中也難免會(huì)忘記，寫(xiě)慣了 ES6，可能一不小心就帶了一個(gè)箭頭函數(shù)上線了。

這時(shí)候就可以通過(guò) ESLint 這樣的代碼檢查工具，來(lái)幫助檢查，然后配合 Git 的鉤子，在 commit 時(shí)跑 ESLint，能很大程度上規(guī)避掉這個(gè)問(wèn)題。