ES6(二)

ES6

文章目录

• ES6
• • 1.模板字符串
  • 2.箭头函数
  • 3.模块化
  • • 3.1导出（export）
    • 3.2导入（import）
    • [3.3默认导出（export default）](#3.3默认导出（export default）)

1.模板字符串

• 使用反引号 `````
• 支持多行字符串、嵌入变量或表达式
• 示例：

let name = "张三";
let msg = `Hello, ${name}!`;
console.log(msg); // Hello, 张三!

2.箭头函数

• 简化函数写法
• 单参数可省略括号，单行可省略 return 和花括号
• 示例：

// 传统
arr.map(function(item) { return item + 1; });

// 箭头函数
arr.map(item => item + 1);

// 多参数或多行
arr.map((item, index) => {
  console.log(index, item);
  return item + 1;
});

3.模块化

3.1导出（export）

• 可导出多个变量、函数等
• 示例：

// myModule.js
export function hello() { return "Hello!"; }
export const message = "Hello from module";

3.2导入（import）

• 导入指定内容或整个模块
• 示例：

// main.js
import { hello } from './myModule.js';
console.log(hello());

3.3默认导出（export default）

• 一个模块只能有一个默认导出
• 导入时可自定义名称
• 示例：

// myModule.js
export default function hello() { return "Hello!"; }

// main.js
import myHello from './myModule.js';
console.log(myHello());