ES6（一）

最新推荐文章于 2025-06-16 14:58:06 发布

胡乱吞咽光明

最新推荐文章于 2025-06-16 14:58:06 发布

阅读量105

点赞数

文章标签： javascript html css

本文链接：https://blog.youkuaiyun.com/csdn_yangyimeng/article/details/125285011

版权

ES6，即ECMAScript 6.0，是JavaScript的重要升级，引入了类、let/const、解构赋值和箭头函数等新特性。let解决了var的变量提升和作用域问题，const用于定义不可变常量。结构赋值简化数组和对象操作，箭头函数提供更简洁的函数定义，并且其this指向遵循上下文。这些新特性极大地提升了代码的可读性和效率。

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

ES6是什么？

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

ES6的作用

ES6 的出现主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念
目前存在少数低版本浏览器的 JavaScript 是 ES5 版本，大多数的浏览器已经支持 ES6
ES6提供了大量的语法糖，让你写代码的时候简直不要太爽！

let和const

let是ES6新增，解决了ES5中使用var“红杏出墙”等问题。

let：

let声明的变量不能重复声明
let声明的变量不能变量提升
块状作用域
使用let声明的变量不属于顶层对象

const：

声明常量用大写
常量不能修改
块状作用域
使用const声明的常量也不属于顶层对象

结构赋值

let [a,b,c] = [1,2,3]；
//a=1; b=2; c=3
//, 占位符
let arr = [1,2,3,4];
let [,,three] = arr;
//three = 3;

let strArr = [...arr];
//结构整个数组

箭头函数

箭头函数是一种更加简洁的函数书写方式
箭头函数本身没有作用域（无this）
箭头函数的this指向上一层，上下文决定其this
基本语法：参数 => 函数体

实例：

一、找出数组中的偶数
let arr = [3, 5, 7, 8, 9];
let result = arr.find(n => n % 2 === 0)；

二、将数组的值全部返回3次方
let arr = [1,3,5,7,9];
let newArr = arr.map(n => n**3);
console.log(newArr);