一文搞懂ES6基本全部语法

最新推荐文章于 2025-03-01 21:22:36 发布

芋泥丶

最新推荐文章于 2025-03-01 21:22:36 发布

阅读量2.7k

点赞数 10

分类专栏：网页编程前端文章标签： es6 javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_53619602/article/details/126031183

版权

本文详细介绍了ES6的新增语法，包括let和const的关键字特性，解构赋值，箭头函数，剩余参数，以及Array和String的扩展方法，如模板字符串和Set数据结构，帮助开发者更好地理解和应用ES6。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

导语

什么是ES6以及为什么使用ES6？

ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。

ES6全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。

每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。

ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念
变量提升特性增加了程序运行时的不可预测性
语法过于松散，实现相同的功能，不同的人可能会写出不同的代码

ES6新增语法

let关键字（★★★）

ES6中新增了用于声明变量的关键字

1. let声明的变量只在所处于的块级有效

块级有效指的是for循环，if判断语句等的 大括号内{} 算是块级作用域

let声明的变量才有块级作用域，var声明的变量没有块级作用域

 if (true) {
    
     let a = 10;
 }
console.log(a) // a is not defined

let在if语句里面声明的变量，在if语句外面既不能使用了

2. 不存在变量提升

变量必须先声明再使用

console.log(a); // a is not defined 
let a = 20;

变量提升是变量可以先使用在定义；

3. 暂时性死区

利用let声明的变量会绑定在这个块级作用域，不会受外界的影响

 var tmp = 123;
        if (true) {
   

            let tmp = 'abc';
            console.log(tmp);  //输出abc
        }
        console.log(tmp); //输出123

小结

let关键字就是用来声明变量的
使用let关键字声明的变量具有块级作用域
在一个大括号中使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的
防止循环变量变成全局变量
使用let关键字声明的变量没有变量提升
使用let关键字声明的变量具有暂时性死区特性

const关键字（★★★）

声明常量，常量就是值（内存地址）不能变化的量

1. 具有块级作用域

if (true) {
    
     const a = 10;
 }
console.log(a) // a is not defined

2. 声明常量时必须赋值

不赋值的话会报错

const PI; // Missing initializer in const declaration

3. 常量赋值后不能修改（内存地址不能改变）

简单数据类型的值不能更改

复杂数据类型内的属性值能更改，但是不能赋值

const PI = 3.14;
PI = 100; // Assignment to constant variable. 报错

const ary = [100, 200];
ary[0] = 'a';//可以对复杂数据类型里面的属性值可更改
ary[1] = 'b';
console.log(ary); // ['a', 'b']; 
ary = ['a', 'b']; // Assignment to constant variable.给ary就不能赋值