ES6
文章目录
- ES6
- 1.模板字符串
- 2.箭头函数
- 3.模块化
- 3.1导出(export)
- 3.2导入(import)
- 3.3默认导出(export default)
1.模板字符串
- 使用反引号
`
- 支持多行字符串、嵌入变量或表达式
- 示例:
let name = "张三";
let msg = `Hello, ${name}!`;
console.log(msg);
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)
export function hello() { return "Hello!"; }
export const message = "Hello from module";
3.2导入(import)
import { hello } from './myModule.js';
console.log(hello());
3.3默认导出(export default)
- 一个模块只能有一个默认导出
- 导入时可自定义名称
- 示例:
export default function hello() { return "Hello!"; }
import myHello from './myModule.js';
console.log(myHello());