ES6(ECMAScript 2015)引入了许多新功能,包括字符串、函数、数组和对象的扩展。以下是其中一些扩展的概述:
字符串扩展
- 模板字面量(Template Literals):模板字符串
- 多行字符串(Multiline Strings):多行字符串
- 字符串方法:新增了许多字符串方法,如
startsWith()
、endsWith()
、includes()
等,用于判断字符串的起始、结束以及是否包含某个子串。
函数扩展
- 箭头函数(Arrow Functions):js 箭头函数
- 默认参数(Default Parameters):允许函数参数有默认值。
function greet(name = 'Guest') { console.log(`Hello, ${name}!`); }
- 展开操作符(Spread Operator):拓展运算符
数组扩展
- 解构赋值(Destructuring Assignment):解构对象object
- Array.from() 方法:将类数组对象或可迭代对象转换为数组。
const arrayLike = { 0: 'a', 1: 'b', length: 2 }; const newArray = Array.from(arrayLike); console.log(newArray); // 输出 ['a', 'b']
对象扩展
- 属性简写(Property Shorthand):
属性简写
梗概
在对象字面量中,如果属性名和变量名相同,可以省略属性名。
实例
指向原始笔记的链接const name = 'John'; const age = 30; const person = { name, age };
- 对象方法简写(Method Shorthand):
对象方法简写
在对象字面量中定义方法时可以省略
function
关键字。 指向原始笔记的链接const person = { name: 'John', sayHello() { console.log(`Hello, my name is ${this.name}.`); } };
- Object.assign() 方法: