8-1 语法

1. 展开（…)

<script>
        var arr=[2,3,4];
        var b = [5,6,7];
        // var res = arr.concat(b);
        // console.log(res)
        arr.push(...b);
        //...针对可以迭代，可以遍历的对象
        console.log(arr)
    </script>

2. 键（key）与值（value）同名可以简写

    <script>
        var name ="lisi";
        var age =19;
        var obj={
            name,age
        }
        console.log(obj)
    </script>

3. 解构(只能获取对象的第一层)

<script>
        /*解构主要是针对--json对象中*/
        var obj = {
            name:"lss",
            age:1,
            like:true
        }
        var {name,age,like}=obj;
        console.log(name)
    </script>

4. 字符串模板

<script>
        var str = "hello";
        var age = 18;
        console.log("world"+str)
        /* ``字符串模板,可以在字符串中插入变量${} */
        var sum =
             `
                     world${str}
                         `;
        console.log(sum)
    </script>

<script>
        var arr = [
            { 
                imgUrl:"https://img.alicdn.com/imgextra/i2/16049769/O1CN01sJVfBd2M2FsOCQsl1_!!0-saturn_solar.jpg_468x468q75.jpg_.webp",
                name:"cheng",
                age:19
            },{
                imgUrl:"https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2680748636.webp",
                name:"lisi",
                age:18
            }
        ]
        for(var i=0;i<arr.length;i++){
            var {imgUrl,name,age}= arr[i];
            var template = 
            `
            <div class="item">
                <p>${name}</p>
                <img src="${imgUrl}"/>
                <p>${age}</p>
            </div>
            `
            console.log(template)
            $("body").prepend(template)
        }
    </script>