为什么我学会了js还要学ES6？？？
为了使用js更加快捷和方便~！
变量的声明
var声明： 属于全局作用域 会将变量提升
let声明： 局部的作用域 通常在一对{}括号中启用，但不会变量提升，同时在同一个作用域里面是不可以重复声明的
const声明： 与let声明一样，但通常声明常量使用，变量名建议是大写的可以方便阅读。并且声明是必须赋值的，赋的值通常是不允许修改的。
ES6中的解构
解构对象 var{name,age,leg=20,...rest}=obj
其中{}是解构符号 ...rest 通常是剩余的未被解构的对象
解构数组var [a,b,,,c,...rest] =[1,2,3,4,5,6];
其中[]是解构的符号 ，，逗号表示一位 ...rest表示剩余的未被解构的对象 c=10是设置的默认参数
ES6中字符串的方法
trim 用于去内容两边的空白使用
repeat 重复，用来重复输出其相同的数据
includes 查找是否包含 返回的是true或false
starWith 以...开头 是否用xx开头
endWith 以..结尾 是否用xx 结尾
padStart(3,"0") 开头填充 3填充的位数，0填充的字符
padEnd(3,"0") 结尾填充 3填充的位数，0填充的字符
数组
Array.from(类数组) 作用把类似数组转为数组
forEach(function(item,index,self){}) 遍历数组
item 遍历的元素
index 元素的下标
self 指当前被遍历的数组，是数组本身
map()映射 作用 映射一个新的数组
filter(item=>true保留||false 过滤掉) 过滤函数
ES6中的箭头函数
箭头函数其实就是函数的简写 箭头函数的左边是参数 右边是返回值 例如：
普通函数：
function(str){
return"love“+str
}
箭头函数：
str=>'love'+str
当参数只有0个或多个参数时，是要用括号包裹起来的 例如：
普通函数:
function(){alert('我爱ES6')}
箭头函数：
()=>alert('我爱ES6')
执行语句：如果执行有多行 例如：
var fun3 = (obj)=>{
if(obj.length>=3){
alert(obj)
}
else{
alert('好吧')
}
}
fun3(["3","4","5"]);
函数的参数
1.默认参数
function say(str = '我'){}
say();//此时返回的值是我 ，若传入值无参数就会采用默认参数
say(‘你')//此时返回的值是你，传入值有参数是会时候传入的值
2.扩展参数
function metting(a1,a2,a3){}
var arr = ['A','B','C'];
将A,B,C传给a1,.a2,a3
方法 1.metting(arr[0],arr[1],arr[2])
方法 2.metting.apply(null,arr);
方法 3.metting(...arr)
3.不定参
function add(...list){
return list.reduce((a,b)=>a+b);
}
416
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
