半个小时带你了解es6。
作者:互联网
简介:
ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。
ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。
1. 变量声明关键字 var let const三者区别
var 全局作用域,函数作用域,会提升变量。
let 局部作用域,不会变量提升,不能重复声明。
const 一般是大写,值类型不能修改,声明必须赋值。
2.结构解析
数组
定义:把数组或对象解析为单独变量
此时alert(a)=1 alert(b)=5 因为var【a,,b】中间有逗号隔开,逗号代表一位。
...的作用
a=1 b=7 那么还剩下9,11 ...代表b以后所有数值9,1
快速交换变量 此时a=8 b=5
对象
对像结构没有顺序,可以随意更改哦
2.字符串
字符串模板,取代了+进行连接转用$符
可以换行,可以加特殊符号
同时可以在里面添加class id
检测
(1)includes(sub)是否包含
(2)startsWith(sub)以开头
(3)endsWith(sub)以结尾
去空白
(1)trim()去掉两端空白
(2)trimLeft()去掉左边空白
(3)trimRight()去掉右边空白
重复
repeate(n)字符串重复n次
填充
例 '22'.padStart(4,'0') 结果'0022'
.padEnd(次数,填充字符串)
3.高阶方法
① forEach遍历
arr.forEach(function(item,index,self){})
item当前遍历的元素
index当前元素的下标
self当前数组
②map映射
arr.map(function(item,index,self){
//返回一个映射数组
})
③filter过滤
arr.filter(function(item,index,self){
//返回真,当前遍历元素保留
//返回假,当前遍历元素过滤
})
④ reduce累计
arr.reduce(function(a,b){
a是上一次返回的结果
})
⑤some有一个
有一个返回的结果为true最终结果为true ⑥every每一个
每一个返回的结果为true最终结果为true
6. every每一个 对的话返回true 错误返回false
item是否全部大于5 不对
4.箭头函数
01箭头函数省略function
=>左边参数
03箭头右边 函数体 返回值
传参0个或2个以上参数加括号
如果返回的是一个对象那个
6.类
简单的小练习可以参考理解
标签:返回,es6,arr,ES6,function,item,半个,小时,true 来源: https://blog.csdn.net/gospeed83/article/details/120789969