es6基础

    xiaoxiao2022-07-07  165

    声明变量的三种方式
    方式作用域声明次数varvar 是在全局范围内有效var 可以声明多次letlet 声明的变量只在 let 命令所在的代码块内有效只能声明一次,值可以改变constconst 声明一个只读变量,声明之后不允许改变。意味着,一旦声明必须初始化,否则会报错只能声明一次,值不可以改变

    暂时性死区:ES6 明确规定,代码块内如果存在 let 或者 const,代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域

    解构赋值

    解构赋值是对赋值运算符的扩展,他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值

    解构对象结构方式数组基本,可嵌套,可忽略,不完全解构,剩余运算符,字符串等,解构默认值对象基本,可嵌套,可忽略,不完全解构,剩余运算符,字符串等,解构默认值
    遍历方法
    方式对象for数组,对象for…in数组,对象forEach数组,对象for…of数组,对象
    字符串的几个拓展方法
    includes():返回布尔值,判断是否找到参数字符串。startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。ES6 之前判断字符串是否包含子串,用 indexOf 方法repeat():返回新的字符串,表示将字符串重复指定次数返回。padStart:返回新的字符串,表示用参数字符串从头部补全原字符串。padEnd:返回新的字符串,表示用参数字符串从头部补全原字符串。

    模板字符串:模板字符串相当于加强版的字符串,用反引号 ` ,除了作为普通字符串,还可以用来定义多行字符串,还可以在字符串中加入变量和表达式。变量名写在${} 中,${} 中可以放入 JavaScript 表达式

    对象的字面量
    属性简写方法名简写属性名表达式

    对象的拓展与算符:拓展运算符(…)用于取出参数对象所有可遍历属性然后拷贝到当前对象。 注意:自定义的属性在拓展运算符后面,则拓展运算符对象内部同名的属性将被覆盖掉

    数组
    数组创建的两种拓展方法
    Array.from() 将集合或者对象转换成纯数组Array.of() 生成指定元素的对象

    类数组对象:一个类数组对象必须含有 length 属性,且元素属性名必须是数值或者可转换为数值的字符。

    数组拓展方法
    方法作用find查找数组中符合条件的元素,若有多个符合条件的元素,则返回第一个元素findIndex查找数组中符合条件的元素索引,若有多个符合条件的元素,则返回第一个元素索引fill将一定范围索引的数组元素内容填充为单个指定的值copyWithin将一定范围索引的数组元素修改为此数组另一指定范围索引的元素entries遍历键值对keys遍历键名values遍历键值includes数组是否包含指定值some某些元素满足条件every每个元素都满足条件
    函数
    函数默认值函数的不定参数箭头函数

    当箭头函数没有参数或者有多个参数,要用 () 括起来。 当箭头函数函数体有多行语句,用 {} 包裹起来,表示代码块,当只有一行语句,并且需要返回结果时,可以省略 {} , 结果会自动返回。 当箭头函数要返回对象的时候,为了区分于代码块,要用 () 将对象包裹起来 注意点:没有 this、super、arguments 和 new.target 绑定。

    模块

    ES6 的模块化分为导出(export) @与导入(import)两个模块。 模块中可以导入和导出各种类型的变量,如函数,对象,字符串,数字,布尔值,类等。 在一个文件或模块中,export、import 可以有多个,export default 仅有一个。 export default 中的 default 是对应的导出接口变量。 通过 export 方式导出,在导入时要加{ },export default 则不需要。 export default 向外暴露的成员,可以使用任意变量来接收。 export 用于从模块中导出函数、对象或原始值,以便其他程序使用 import 引入它们

    模板字符串
    data() { return { logo: { // src 的值是用反引号(`)标识的模板字符串,我们只需将变量放在 ${} 的大括号之中 src: `${this.uploadsUrl}sites/ByvFbNlQYVwhvTyBgLdqitchoacDNznN.jpg`, title: 'VuejsCaff' } } },
    最新回复(0)