es02解构和字符串

<script>
        window.onload = function() {
            //数组的解构(取出数组的过程)
            let arr = [1, 2, 3];
            let a = arr[0];
            let b = arr[1];
            let c = arr[2];
            alert(a + b + c);

            //es6 数组解构表达式
            let [aa, bb, cc] = arr;
            alert(aa + bb + cc);

            let person = {
                name: "wang",
                age: 11,
                sex: "男",
            };
            //let name = person.name;
            //alert("name=" + name);

            //es6解构表达式
            let {
                name,
                age,
                sex
            } = person; //必须与person里面定义的数值名称相同
            alert("name=" + name);

            let html = "<div>" + "<div>你好</div>" + "</div>";

            //es6 字符串模板
            let eshtml = `<div>
                <div>你好</div>
                </div>`;

            console.log(html);
            console.log(eshtml);

            //es6一些字符串函数
            let str = "hello.vue";
            console.log(str.startsWith("hello"));
            console.log(str.endsWith(".vue"));
            console.log(str.includes("e"));
            console.log(str.includes("hello"));

            function fun() {
                return "可以直接在模板字符串中使用函数";
            }
            //模板字符串使用表达式
            console.log(
                `我的名字是：${name},年龄：${age}，性别：${sex}，函数的返回值是：${fun()}`
            );
        };
</script>