「这是我参与11月更文挑战的第20天，活动详情查看：2021最后一次更文挑战」

module ES6简介

使用

// 写法一
export var a = 10;
// 写法二
var a = 10;
export {a}
// 写法三
export {a as m}

1. export输出的值是动态绑定的
   export 还可以输出class和function

2. import
   1. import命令输入的变量是只读的
   2. importfrom后面指定模块文件的位置，可以使用相对路径也可以使用绝对路径，对于后缀名js，如果想省略，必须写好配置文件
   3. import具有变量提升效果，默认会提升到首部执行
   4. import是静态执行，不能使用表达式和变量
   5. import只会执行一次

// 写法一
import {a} from 'xxx.js'
// 写法二
import {a as m} from 'xxx.js'

3. module的整体加载

import * as defObj from 'xxx.js'

4. export default
   1. export default：指定模块的默认输出，一个模块只能有一个默认输出
   2. import后面可以不加大括号，可以任意取名字
5. export 与 import 的复合写法

export {sin, con} from 'xxx.js'

当前模块是不能引用sin和cos的，上述只是相当于对外转发了两个接口

html中引用module

1. script type='module'

字符串的扩展

1.方法

1. includes 是否包含某字符串
2. startsWith 是否以某字符串开头
3. endsWith 是否以某字符串结尾
   • 上述三个方法都返回布尔值，都可以传入第二个参数表示开始搜索的位置
4. padStart/padEnd 补全字符串
   • 语法 ： padStart/padEnd(length, string)
   • 省略第二个参数默认使用空格来补全
   • 常见用法：
     1. 数字0的补全
     2. 提示字符串格式 日期格式 '09-12'.padStart(10, 'YYYY-MM-DD')
5. repeat
   • 语法 ： str.repeat(n)
   • n为负数或者infinity报错
   • n不为整数会向下取整
   • 当n在-1 - 0之间，取值为0

2.模板字符串

${var}