• 欢迎光临~

ES6

开发技术 开发技术 2022-07-28 次浏览
   1.块级作用域
        let 声明的变量,不存在变量声明提升(进入暂时性的死区,提升后不允许访问)
        let 声明的变量不允许重复声明
        大括号之间的语句块就是块级作用域,例如:if、while、for... 块级作用域下,let和const声明的属于局部的,只能再当前作用域访问
        let 和 const 即使再全局作用域下声明也不是全局的
 
练习:计算1~100之间所有整数的和,使用let 声明变量
    
        let sum = 0;
        for(let i = 1; i <= 100; i++) {
             sum+=i;
        }
        console.log(sum);
 
 
    2.参数增强
        可以给参数直接设置默认值
function add(a,b,c=0)  {
     //ES6 之前的写法
      b = b || 0
}
add(5000)
 
    3.箭头函数
        简化了匿名函数的写法,不等价于匿名函数
        ( )=>{   }
 
sort((a,b)=>{
    return a-b
})
 
 
    如果箭头函数的函数体中只有一行代码,并且是return形式,可以进一步简化
        sort( (a,b)=>a-b ) 
 
练习:使用匿名函数创建函数getAvg,传递任意3个数字,返回平均值;使用箭头函数代替匿名函数。
 
        let getAvg = (a,b,c)=>(a+b+c)/3
        console.log(getAvg(5,4,1));
 
    4.模板字符串
        简化了字符串的拼接,要拼接的部分放入到${}
 
`反引号之间的字符串就是模板字符串 ${JS 表达式}`
练习:假设从后端获取了一条商品数据,格式为对象,包含的属性有编号,标题,价格,是否在售;打印出以下格式
    编号:xxx
    标题:xxx
    价格:xxx.00元
    是否在售:是/否
        let a = {
            id : 198,
            title : '大雪糕',
            price : 12,
            is_OnSale : 1
        }
        console.log(`
        编号:${a.id}
        标题:${a.title}
        价格:${a.price.toFixed(2)}元
        是否在售:${a.is_OnSale? '是' : '否'}`)
程序员灯塔
转载请注明原文链接:ES6
喜欢 (0)