其他分享
首页 > 其他分享> > 半个小时带你了解es6。

半个小时带你了解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