设计网站建设图片,wordpress博客置顶,网站静态首页模板,怎么做网站交易文章目录 一、声明关键字二、箭头函数三、解构赋值四、展开运算符五、对字符的补充六、Symbol七、对象的简写语法八、Set和Map九、for-of 一、声明关键字
ES6新增的声明关键字#xff1a; let#xff0c;const#xff1a;声明变量class#xff1a;声明类import#xff0c… 文章目录 一、声明关键字二、箭头函数三、解构赋值四、展开运算符五、对字符的补充六、Symbol七、对象的简写语法八、Set和Map九、for-of 一、声明关键字
ES6新增的声明关键字 letconst声明变量class声明类importexport模块化开发 let和const的特点 不存在提升不允许重复声明全局不会绑定到window块级作用域暂时性死区const声明的变量不允许修改地址 使用规范const - let - var
二、箭头函数
箭头函数的特点等同于无名函数 赋值式创建函数的值作为参数回调函数作为返回值闭包函数作为事件处理函数不推荐作为匿名函数的函数体使用 语法 完整语法(){}极简语法 当有且只有一个参数时可以省略小括号当有且直接返回了数据时可以省略花括号和return花括号和return必须同时省略 特点 可读性差语法极简没有自身的this自动使用外层this不能被new执行
三、解构赋值
解开结构赋值一般用于处理对象或数组对象的解构 规则按照键和值的关系一一对应进行解构不存在的键为undefined可以在声明变量时直接使用号设置默认值 let {name,age18,sex} obj; 数组的解构 规则按照索引从左向右一一对应进行解构不存在的索引为undefined可以在声明变量时直接使用号设置默认值 let [q, w, e0] arr 字符的解构 字符是一种类数组的结构等同于数组的结构规则 let [a, s, d] str;
四、展开运算符
一般用于快速展开复杂的数据获取其内部的值语法...要展开的数据展开对象只能在能接收键值对的位置展开对象 花括号内
const obj1 {name:Admin};
// 花括号内
const obj2 {...obj1};展开数组只能在能接收多个数据的位置展开数组
const arr [3, 4, 5];
// 中括号内
const arr2 [...arr];
// 参数
const max Math.max(...arr);
// 伪数组转真数组
const arr3 [...aLi];五、对字符的补充
字符串模板 支持反引号内回车换行反引号内的变量使用${}进行标记
const msg 小王;
const str 今天${msg}真好;
const str2 ${msg}今
天
送
我
一
件
礼
物;方法 str.repeat()str.startsWith()str.endsWith()str.includes()str.codePointAt()String.fromCodePoint()
六、Symbol
类似于字符基本数据类型任何两个Symbol都不相等用于表示标记值或状态用于消除使用字符或数值或布尔等常规数据作为状态时的隐患语法const s Symbol()
七、对象的简写语法
let name 张三;
// 当对象的键和存储了值的变量名重名时可以简写成一个单词
const obj {name
}
console.log(obj); // {name:张三}const obj {// 方法可以省略冒号和functionshow(){console.log(this)}
}
obj.show(); // { show:f }八、Set和Map
数据的打包形式 数组对象有序的可重复的值集合对象无序的无重复的键值对集合Set对象无序的无重复的值集合Map对象无序的无重复的值值对集合 Set 创建const s new Set()属性s.size方法 添加数据s.add( val )删除数据s.delete( val )查询是否存在数据s.has( val )清空数据s.clear()获取所有键名s.keys()获取所有值s.values()获取所有键值s.entries()遍历所有数据s.forEach( callback ) Map 创建const m new Map()属性m.size方法 添加数据m.set( key, val )查询数据m.get( key )删除数据m.delete( key )查询是否存在数据m.has( key )清空数据m.clear()获取所有键名m.keys()获取所有值m.values()获取所有键值m.entries()遍历所有数据m.forEach( callback )
九、for-of
ES6新增的遍历语句主要用于遍历set和mapfor-of遍历的是值 能否遍历数组能否遍历对象能否遍历字符 for-in遍历的是键 能否遍历set能否遍历map
for-of 可以遍历Set 和 Map 结构、数组、某些类似数组的对象比如arguments对象、DOM NodeList 对象以及字符串。
