ES（ECMAScript）

一、ES全稱EcmaScript，是腳本語言的規范，而平時經常編寫的JavaScript是EcmaScript的一種實現，所以ES新特性其實指的就是JavaScript的新特性。

 

二、為什么要學習ES6

　　1.ES6的版本變動內容最多，具有里程碑意義

　　2.ES6加入許多新的語法特性，編程實現更簡單、高效

　　3.ES6是前端發展趨勢，就業必備技能

 

三、let變量聲明以及聲明特性

        //聲明變量
        let a;
        let b = 100;
        
        //1.變量不能重復聲明
        let cat = 'Tom';
        let cat = 'Tom';
        
        //2.塊級作用域 全局，函數，eval
        {
            let mouse = 'Jerry';
        }
        console.log(girl);
        
        //3.不存在變量提升
        console.log(movie);
        let movie = 'catoon';
        
        //4.不影響作用域鏈
        {
            let catoon = 'tom and jerry';
            function fn(){
                console.log(catoon);
            }
            fn();
        }                

 

四、const聲明常量以及特點

        //聲明常量
        const NAME = 'Tom';
        
        //1.一定要賦初始值
        const A;
        
        //2.一般常量使用大寫（潛規則）
        const a = 100;  //不會報錯
        
        //3.常量的值不能修改
        NAME = 'jerrt';
        
        //4.塊級作用域
        {
            const MOVIE = 'monkey';
        }
        console.log(MOVIE);
        
        //5.對於數組和對象的元素修改，不算做對常量的修改，不會報錯

 

五、模板字符串

        //ES6引入新的聲明字符串的方式``,'',""
        //1.聲明
        let str = `tom and jerry`;
        console.log(str,typeof str);
        
        //2.內容中可以直接出現換行符
        let str = `<ul>
                    <li>monkey</li>
                    </ul>`;
        
        //3.變量拼接
        let person = '孫悟空';
        let out = `${person}是我最喜歡的人`;
        console.log(out);

 

六、對象的簡化寫法

    <script>
        //ES6 允許在大括號里面，直接寫入變量和函數，作為對象的屬性和方法。
        //這樣的書寫更加簡潔
        let name = '孫悟空';
        let change = function(){
            console.log('齊天大聖');
        }

        const school = {
            name,
            change,
            improve(){
                console.log("monkey  king!");
            }
        }

        console.log(school);

    </script>