ES6 常用语法

1.let 定义变量

1.与var 类似 用于声明一个变量
  let userName='kobe' 
2.特点
   1.在块作用域内有效
   2.不会吃重复定义变量
    3.应用
       1.循环遍历加监听
       2.使用let 取代var 是趋势
 

<button>1<button>
<button>2<button>
<button>3<button>

　

var btns =document.getElementsByTagName('button')
for(let i=0;i<btns.length;i++){
onsole.log(i)
}

　　

 

　　2.const  定义常量

const  KEY='常量一般大写不允许修改'

　　3.变量的解构赋值

let obj1={userName:'kobe',age:39}
let{ userName,age } =obj;
function foo( { userName,age } ){
console.log(userName,age)
}

解构数组

let arr =[a,b,12,454,'kobe','opk']
let [a,b ]=arr

　　

　　1.字符串的扩展

// 字符串的扩展
 let str='sdfasfs'
str.includes('fa')
str.startsWith('s')
str.endsWith('s')
str.repeat(1)

　　2.数值的扩展

//数值的扩展
// 八进制 0o
console.log(0o56)
// 二进制 0b
console.log(0b1010)
// 判断是有限的数
Number.isFinite(Infinity)
// 判断是不是NaN
Number.isNaN(NaN)
// 判断是不是整数
Number.isInteger()
// 字符串转整数
Number.parseInt('a123124') //NaN
// 数值取整数
Math.trunc(12345.45) //12345

      3.数组的扩展

Array.from(V) //将伪数据包装转换为真数组
Array.of(v1,v2,v3) //将一系列的数转换为数组
find(function(v1,v2,v3){ return true}) //找出第一个满足条件的值

let arr0 =[1,5,712,454,'kobe','opk']

arr0.find((item,index) =>{

return item > 4

})

findIndex(function(v1,v2,v3){ return true}) //找出第一个满足条件的值的下标

       4.对象的扩展

var arr=[1,5,9,4,465,485,56,25,4,48,54]
console.log('4的下标',arr.indexOf(4))
console.log('4的下标',arr.lastIndexOf(4))
arr.forEach(function(item,index){
    console.log("item--",item)
})

var arr1=arr.map((item,index)=>{
    return item+10;
})
console.log("arr1--",arr1)

var arr2=arr.filter((item,index)=>{
    return item >25;
})
console.log("arr2 大于25的数--",arr2)

let obj4={}
let obj5={money:50000}
obj4.__proto__ = obj5
console.log(obj4)
console.log(obj4.money)
let obj6 ={name:'kebo',age:40}
console.log(Object.assign(obj5,obj6))