ES6(ECMAScript 2015)引入了许多新功能,包括字符串、函数、数组和对象的扩展。以下是其中一些扩展的概述:

字符串扩展

  1. 模板字面量(Template Literals)模板字符串
  2. 多行字符串(Multiline Strings)多行字符串
  3. 字符串方法:新增了许多字符串方法,如 startsWith()endsWith()includes() 等,用于判断字符串的起始、结束以及是否包含某个子串。

函数扩展

  1. 箭头函数(Arrow Functions)js 箭头函数
  2. 默认参数(Default Parameters):允许函数参数有默认值。
    function greet(name = 'Guest') {
        console.log(`Hello, ${name}!`);
    }
  3. 展开操作符(Spread Operator)拓展运算符

数组扩展

  1. 解构赋值(Destructuring Assignment)解构对象object
  2. Array.from() 方法:将类数组对象或可迭代对象转换为数组。
    const arrayLike = { 0: 'a', 1: 'b', length: 2 };
    const newArray = Array.from(arrayLike);
    console.log(newArray); // 输出 ['a', 'b']

对象扩展

  1. 属性简写(Property Shorthand)

    属性简写

    梗概

    在对象字面量中,如果属性名和变量名相同,可以省略属性名。

    实例

    const name = 'John';
    const age = 30;
    const person = { name, age };
    指向原始笔记的链接
  2. 对象方法简写(Method Shorthand)

    对象方法简写

    在对象字面量中定义方法时可以省略 function 关键字。

    const person = {
        name: 'John',
        sayHello() {
            console.log(`Hello, my name is ${this.name}.`);
        }
    };
    指向原始笔记的链接
  3. Object.assign() 方法Object.assign() 覆盖对象