前言:
“大家应该都听过 JavaScript 这个名字,甚至可能也听过“ES6”,但 ES 到底是什么?其实,ES 就是 ECMAScript 的缩写,它是 JavaScript 的标准。每年,ECMAScript 都会推出新版本,不断给 JavaScript 增添新功能。今天,我们来聊聊从 ES6 到最新的 ES2023 之间的那些重要新特性,顺便看看现在的浏览器都支持到什么程度了。”
1. ECMAScript 是啥?跟 JavaScript 什么关系?
很多人第一次听到 ECMAScript 可能会一头雾水,其实它就是 JavaScript 的标准化版本。JavaScript 是我们平时用的语言,而 ECMAScript 是它背后的“规矩”。每年标准都会更新,往里加入一些新功能,让我们写代码的体验更好。
2. 浏览器支持 ECMAScript 到哪个版本了?
好消息是,现在主流浏览器像 Chrome、Firefox、Safari 和 Edge 基本上都已经支持到最新的 ECMAScript 标准(ES2023)。所以,不用担心特性不能用,基本上都是无缝衔接。
3. 从 ES6 到 ES2023 的新特性——一网打尽
ES6 (2015) —— JavaScript 的大改革
-
let
和const
:让变量和常量更安全let a = 10; const b = 20; a = 15; // OK b = 25; // 报错,const 不能重新赋值
- 要点:用
let
声明的变量作用域是块级的,不像var
是全局的。const
声明的是常量,不能再修改。
- 要点:用
-
箭头函数:写函数更简洁
const sum = (x, y) => x + y; console.log(sum(5, 10)); // 15
- 要点:箭头函数不仅简洁,还自动绑定
this
,解决了传统函数里this
的困扰。
- 要点:箭头函数不仅简洁,还自动绑定
-
模板字符串:字符串也可以拼模板
const name = "Alice"; const message = `Hello, ${ name}!`; console.log(message); // Hello, Alice!
- 要点:不用