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>