首页 > 其他 > 详细

02.ES6语法

时间:2020-01-10 00:30:55      阅读:87      评论:0      收藏:0      [点我收藏+]

ES6 是由ECMA 国际标准化组织制定的一项脚本语言的标准化规范

let

  • let 声明的变量只在所处于的块级有效
  • 防止循环变量变成全局变量
  • 使用let声明的变量没有变量提升
  • 暂时性死区
//常见面试题
    let arr = [];
        for(let i =0;i<2;i++){
            arr[i]=function(){
                console.log(i)
            }
        }
        arr[0]();//0
        arr[1]();//1


    var arr = [];
        for(var i =0;i<2;i++){
            arr[i]=function(){
                console.log(i)
            }
        }
        arr[0]();//2
        arr[1]();//2

const

作用:声明常量,常量就是值(内存地址)不能变化的量

  • const 声明的变量只在所处于的块级有效
  • 声明常量时必须赋值
  • 常量赋值后,值不能修改
  • 暂时性死区

解构赋值

ES6 中允许从数组中提取值,按照对应位置,对变量赋值。对象也可以实现解构

数组解构

let[a,b,c] = [1,2,3]
 console.log(a,b,c)//1 2 3

对象解构

//对象解构允许我们使用变量的名字匹配对象的属性,匹配成功将对象属性的值赋值给变量
 let person = {name:'柠檬不酸i',age:18,sex:'女'};
let {name,age,sex}=person;
console.log(name);//柠檬不酸
console.log(age);//18
console.log(sex);//女

let {name:myname} =person
console.log(myname)//柠檬不酸

箭头函数

const fn=()=>{
            console.log(123)
        }
fn()
//函数体中只有一句代码,且代码的执行结果就是返回值,可以省略大括号
        //传统
        function sum(a,b){
            return a+b
        }
        console.log(sum(1,2))
         //箭头函数
        const sum=(a,b)=>a+b
        console.log(sum(2,3))
//如果形参只有一个,可以省略小括号
  const fn = v=>{
            alert(v);
        }
        fn(20);

02.ES6语法

原文:https://www.cnblogs.com/foreverLuckyStar/p/12173784.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!