模板字符串和简化的对象写法

模板字符串 :简化了字符串的拼接 大大得提高了我们拼接的效率

• 模板字符串必须用 `` 包含
• 变化的部分使用${xxx}定义

代码演示

  var obj = {
                uname: 'hh',
                age: 18,
            }
            // 传统拼接法
        let str = '我的名字叫' + obj.uname + '今年' + obj.age;
        console.log(str);
        // 模板字符串拼接
        let str1 = `我的名字叫${obj.uname}，今年${obj.age}`;
        console.log(str1);
        
            // 模板字符串可以调用函数
        function fn() {
            return '函数'
        }
        var html = `调用${fn()}`;
        console.log(html);

简化的对象写法
代码演示

 	   let uname = 'hh';
        let age = 18;

        // 对象常规书写方式
        // let obj = {
        //     uname: uname,
        //     age: age,
        //     showName: function() {
        //         console.log(this.uname);
        //     }
        // };
        // console.log(obj);
        // obj.showName()

        // 对象得简写方式
        let obj = {
            uname, //当同名得属性和属性值得时候可省略属性
            age,
            showName() { //省略了function,冒号
                console.log(this.uname);
            }
        };
        console.log(obj);
        obj.showName()