ES6基础之字符串和函数的拓展详解

很高兴为您介绍“ES6基础之字符串和函数的拓展详解”的完整攻略。

第一部分：字符串的拓展

模板字符串

ES6添加了模板字符串的语法，它使用反引号(`)来定义字符串，并且可以内嵌变量：

let name = 'Lucy';
let age = 18;
console.log(`My name is ${name}, and I am ${age} years old.`);

上述代码中，使用了${}来引用变量，这样可以更加方便地插入变量，避免了以前的+运算符的麻烦，并且使用了反斜杠转义符的时候更加便捷。

String.raw()

String.raw()方法可以将字符串中的转义序列都显示为它们本来的样子。

例如：

console.log(String.raw`\n`); // 输出：\n

上述代码中，使用了String.raw()方法将转义字符\n显示出来。

第二部分：函数的拓展

箭头函数

箭头函数是ES6中非常重要的一个语法特性，它可以让你更加方便、简洁地定义函数。

例如：

let add = (x, y) => {
    return x + y;
}

上述箭头函数等同于：

let add = function(x, y) {
    return x + y;
}

箭头函数还有一些特性：

• 如果函数体只有一个语句，那么可以省略掉花括号和return关键字：

javascript
let double = x => x * 2;

• 如果只需要传入一个参数，那么可以省略掉括号：

javascript
let square = x => x * x;

默认参数值

以前，我们在少传参数时，需要在函数内部进行参数的默认值设定，但是ES6允许在定义函数的时候，给参数指定默认值：

let sayHello = (name = 'world') => {
    console.log(`Hello, ${name}!`);
}

sayHello(); // 输出：Hello, world!
sayHello('Lucy'); // 输出：Hello, Lucy!

上述代码中，定义了一个函数sayHello，它的参数name默认值为'world'，可以在函数调用的时候传入参数，也可以不传参数。如果不传参数，则使用默认值。