前端: 1.解构表达式;2字符串模板

发布时间 2023-12-12 23:46:19作者: 逆水涵(寒)
  
解构表达式,定义一个数组
  <script>
 // 解构表达式,定义一个数组

// 数组解构
   let arr = [1,2,3];
   let[a,b,c]  = arr;   //快速的将内容赋值到指定的变量上面
   // const [a,b,c] = arr;
   console.log(a,b,c)

        // 对象解构
        const person = {
            name: "zhangsan",
          age: 20,
            language: ['java', 'js', 'css']
        }

        //const解构对象里面的属性
        // name:abc 表示给name起个别名, 在取值的时候 用abc 出去对应的数据
        const { name: abc, age, language } = person;
        console.log(abc, age, language);
   
        function fun(){
            return language;
        }

        // 字符串模板 , 用 `` 把需要的大段字符串包裹起来, 就是 键盘1 前面的那个
        //1. 字符串中插入 值, 表达式, 变量名写在 ${ } 中, 就会自动取出数据
     // 插入值, 表达式,方法
        let info = `我是${abc},今年${age + 10}岁,语言${fun()}`

        console.log(info);


    </script>