11个常用的ES6新特性整理,速看!

11个常用的ES6新特性整理,速看!
最新回答
全世界失眠

2022-07-19 17:57:38

11个常用的ES6新特性整理

  1. let/const

    let:用于声明局部变量,与var相比,let不存在变量提升,存在暂时性死区(在预编译时不能被访问),不允许在同一作用域内重复声明,且具有块级作用域。

    const:用于声明常量,声明后不能修改,且必须在声明时赋值。const的其他特性与let相同。

  2. ES6字符串方法

    includes():判断字符串中是否包含某个字符。

    startsWith():判断字符串是否以某个字符开头。

    endsWith():判断字符串是否以某个羡派芦字符结束。

  3. for...of遍历

    用于遍历数组或其他可迭代对象(如字符串、Map、Set等),但不能遍历对象。

  4. 字符串拼接模板

    使用反引号``包裹字符串,变量使用${}进行拼接,支持换行。

  5. 箭头函数

    函数的一种简写形式,使用括号包裹参数,跟随一个=>,紧接着是函数体。羡喊箭头函数没有自己的this,会捕获其所在上下文的this值。

    特点:不需要function关键字,可以省略return(当函数体只有一个表达式时),箭头函数中this指向固定。

  6. 解构赋值

    从数组或对象中提取值,然后将其赋值给不同的变量。

  7. Symbol类型

    ES6中新增的原始数据类型,表示独一无二的值。

    声明方法:let id = Symbol()。

    注意点:symbol值不能进行隐式转换,可显式地转化成字符串或布尔值,但不能转成数值。

  8. Set对象

    ES6提供的新数据结构,用于保存唯一值(可去除重复值),可用于数组去重。

    属性:setObj.size 返回Set对象的值的个数。

    方法:add()、clear()、delete()、has()、forEach()。

  9. Map集合

    ES6中新增的数据结构,类似于对象,但Map的key可以是任何数据类型。

    用于值的储存、获取和遍历。

  10. bind方法

    函数.bind(新的this指向, 实参1, 实参2)

    作用:返回一个新的函数,并改变新函数中this的指向为bind的第一个参数。

  11. class的写法与继承

    使用class关键字声明类,使对象写法更清晰,更像面向对象的语言。

    constructor方法是类的构造函数的默认兄带方法,通过new命令生成对象实例时自动调用。

    使用extends关键字实现子类继承父类。

以上就是11个常用的ES6新特性,它们极大地丰富了JavaScript的功能和表达能力,使得开发者能够更高效地编写代码。