发表于: 2019-11-28 09:00:50
1 1226
今日完成
- 1 let 和 const 命令:LeYouGou\code\demo-es6\hello-es6
- var:定义的变量有时会莫名奇妙的成为全局变量
- 代码
- 结果
- 代码
- let:let所声明的变量,只在let命令所在的代码块内有效
- hello.html
- 界面
- hello.html
- const:const声明的变量是常量,不能被修改
- var:定义的变量有时会莫名奇妙的成为全局变量
- 2 字符串扩展
- 1 新命令
- 代码
- includes():返回布尔值,表示是否找到了参数字符串
- startsWith():返回布尔值,表示参数字符串是否在原字符串的头部
- endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部
- 代码
- 2 ``:作为字符串模板标记
- 代码:在两个`之间的部分都会被作为字符串的值,不管你任意换行,甚至加入js脚本
- 结果
- 代码:在两个`之间的部分都会被作为字符串的值,不管你任意换行,甚至加入js脚本
- 1 新命令
- 3 解构表达式
- 数组解构
- 代码
- 结果
- 代码
- 对象解构
- 代码
- 结果
- 代码
- 数组解构
- 4 函数优化
- 1 函数参数默认值
- 代码
- 结果
- 代码
- 2 箭头函数
- 一个参数
- 代码
- 结果
- 代码
- 多个参数
- 代码
- 结果
- 代码
- 一个参数
- 3 对象的函数属性简写
- 代码
- 结果
- 代码
- 4 箭头函数结合解构表达式
- 代码
- 结果
- 代码
- 1 函数参数默认值
- 5 map和reduce
- map
- map():接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组返回
- 代码
- 结果
- reduce
- 构成
- 接收一个函数(必须)和一个初始值(可选)
- 第一个参数(函数)接收两个参数
- 第一个参数是上一次reduce处理的结果
- 第二个参数是数组中要处理的下一个元素
- 计算方法
- reduce()会从左到右依次把数组中的元素用reduce处理,并把处理的结果作为下次reduce的第一个参数
- 如果是第一次,会把前两个元素作为计算参数,或者把用户指定的初始值作为起始参数
- 代码
- 结果
- 思路
- 构成
- map
- 6 对象扩展
- keys(obj):获取对象的所有key形成的数组
- 代码
- 代码
- values(obj):获取对象的所有value形成的数组
- 代码
- 结果
- 代码
- entries(obj):获取对象的所有key和value形成的二维数组。格式:[[k1,v1],[k2,v2],...]
- 代码
- 结果
- 代码
- assign(dest, ...src) :将多个src对象的值 拷贝到 dest中(浅拷贝)
- 代码:把extra2、extra3中的内容加到extra1中
- 结果
- 代码:把extra2、extra3中的内容加到extra1中
- keys(obj):获取对象的所有key形成的数组
- 7 数组扩展
- find(callback)
- 作用
- 数组实例的find方法,用于找出第一个符合条件的数组成员
- 参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员
- 如果没有符合条件的成员,则返回undefined
- 代码
- 结果
- 作用
- findIndex(callback)
- 作用
- 数组实例的findIndex方法的用法与find方法非常类似
- 返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1
- 代码
- 结果
- 作用
- includes(数组元素)
- 作用:与find类似,如果匹配到元素,则返回true,代表找到了
- 代码
- 结果
- find(callback)
明日计划
继续了解springcloud
评论