ES6入门

let&&const&var

(1) var 声明变量可以重复声明，而 let 不可以重复声明

(2) var 是不受限于块级的，而 let 是受限于块级

(3) var 会与 window 相映射（会挂一个属性），而 let 不与 window 相映射

(4) var 可以在声明的上面访问变量，而 let 有暂存死区，在声明的上面访问变量会报错

(5) const 声明之后必须赋值，否则会报错

(6) const 定义不可变的量，改变了就会报错

(7) const 和 let 一样不会与 window 相映射、支持块级作用域、在声明的上面访问变量会报错

    <script>
        //1使用let变量，变量名不能重复
        let a = 10
        let b = 20
        console.log(a);
        //2使用let关键字声明的变量据有块级作用域
        //var是全局变量
        //let旨在{}中有效
        {
            var name = "张三"
            let lname = "李四"
        }
        console.log(name);
        console.log(lname);
        //3变量不存在提升
        console.log(sex);
        let sex = 18
        console.log(sex);
        //4有作用域影响
        function text() {
            let a = 10

            function text2(params) {
                console.log(a);
            }
            text()
        }
        rest()
    </script>

解构
&字符串

支持let arr = [1,2,3]; let [a,b,c] = arr;这种语法 支持对象解析：const { name: abc, age, language } = person; 冒号代表改名

函数 支持一个字符串为多行，占位符功能 ${}

<script>
        //数组解构
        // let arr = [1,2,3];
        // // let a = arr[0];
        // // let b = arr[1];
        // // let c = arr[2];
 
        // let [a,b,c] = arr;
        // console.log(a,b,c)
 
        const person = {
            name: "jack",
            age: 21,
            language: ['java', 'js', 'css']
        }
        //         const name = person.name;
        //         const age = person.age;
        //         const language = person.language;
 
        //对象解构
        const { name: abc, age, language } = person;
        console.log(abc, age, language)
 
        // 字符串扩展
        let str = "hello.vue";
        console.log(str.startsWith("hello"));//true
        console.log(str.endsWith(".vue"));//true
        console.log(str.includes("e"));//true
        console.log(str.includes("hello"));//true
 
        //字符串模板
        let ss = `<div>
                    <span>hello world<span>
                </div>`;
        console.log(ss);
 
        // 字符串插入变量和表达式。变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。
 
        function fun() {
            return "这是一个函数"
        }
 
        let info = `我是${abc}，今年${age + 10}了, 我想说： ${fun()}`;
        console.log(info);

使用箭头函数应注意什么

（1）用了箭头函数，this 就不是指向 window，而是父级（指向是可变的）

  (2) 不能够使用 arguments 对象

  (3) 不能用作构造函数，这就是说不能够使用 new 命令，否则会抛出一个错误

  (4) 不可以使用 yield 命令，因此箭头函数不能用作 Generator 函数

字符串的新增方法

1. String.fromCodePoint()
2. String.raw()
3. 实例方法：codePointAt()
4. 实例方法：normalize()
5. 实例方法：includes(), startsWith(), endsWith()
6. 实例方法：repeat()
7. 实例方法：padStart()，padEnd()
8. 实例方法：trimStart()，trimEnd()
9. 实例方法：matchAll()
10. 实例方法：replaceAll()
11. 实例方法：at()