es6(更新中)


学习地址:https://www.bilibili.com/video/BV1uK411H7on

变量

学习



    
    Title






实践



    
    Title
    
        
        
        点击 DIV 换色
        
    


点击切换颜色

var的作用域和let作用域比较 :

1、不管在哪里定义var变量,该变量都会出现在window对象里面。

2、let定义的变量只会存在该变量存在的作用域里

    //输出没有定义的变量会直接异常
    // console.log(cc)

    //输出aa不会因为var定义的变量已经声明
    console.log("1、", window)//可见该对象
    console.log(aa)
    // debugger//请勿去除。 没有断点:log1、会有 aa:9zhe; 有断点:log1、会有 aa: undefined
    var aa = '9zhe';
    console.log("aa:", aa)
    console.log("2、", window)

    let bb = '9zhe';
    console.log("bb:", bb)
    console.log("3、", window)

常量




    
    Title
    
        
        
    






解构赋值




    
    Title
    
        
        
    






模板字符串




    
    Title
    
        
        
    






简化对象写法




    
    Title
    
        
        
    






箭头函数

学习

箭头函数和普通函数的区别:

1.箭头函数不能作为构造方法;普通函数可以。

2.箭头函数this 是静态的,this始终指向函数声明时所在作用域下的this的值;普通函数谁调用this就指向谁。

3.箭头函数不能使用arguments变量。

call()apply()的区别:

call 的形参直接 , 拼接就可以。apply的形参得放入数组中。





    
    
    Title








实践



    
    
    箭头函数实践
    







ES6