谷粒vue笔记ES6

vue

1、let作用域.html

• let不会作用到{}外，var会约域到{}外；
• var可以多次声明同一变量，let会报错；
• var定义之前可以使用，let定义之前不可使用。（变量提升问题）

2、解构表达式.html

• 支持let arr = [1,2,3]; let [a,b,c] = arr;这种语法
• 支持对象解析：const { name: abc, age, language } = person; 冒号代表改名，旧:新
• 字符串函数
• 支持一个字符串为多行``
• 占位符功能 ${}

3、函数优化.html

• 支持函数形参默认值 function add2(a, b = 1) {
• 支持不定参数 function fun(...values) {
• 支持箭头函数 var print = obj => console.log(obj);
• 箭头函数+结构 var hello2 = ({name}) => console.log("hello," +name);，本来应该是person.name

4、对象优化.html

• 可以获取map的键值对等Object.keys()、values、entries
• Object.assgn(target,source1,source2) 合并
• 如果属性名和属性值的变量名相同，可以省略const person2 = { age, name } 代表age属性的值是变量age的值
• …代表取出该对象所有属性拷贝到当前对象。let someone = { …p1 }

5、map和reduce.html

• map()：接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。
• reduce() 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素
• map处理，arr = arr.map(item=> item*2);
• reduce。arr.reduce((原来的值,处理后的值即return的值)=>{

6、promise.html

• 把Ajax封装到Promise中，赋值给let p
• 在Ajax中成功使用resolve(data)，失败使用reject(err)
• p.then().catch()

7、模块化import/export

模块化就是把代码进行拆分，方便重复利用。类似于java中的导包，而JS换了个概念，是导模块。

模块功能主要有两个命令构成 export 和import

• export用于规定模块的对外接口
• import用于导入其他模块提供的功能

本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名,转载请标明出处
最后编辑时间为: 2023/06/25 08:46