(ES6)ECMAScript6新特性 – 对象简写/字符串模板

对象简写

在ES6中允许我们在设置一个对象的属性的时候不指定属性名。

        let name = "admin";
        let age = 20;
        let sex = '男';

        // 定义一个对象,传统写法把name和age放到对象中,太麻烦
        let user = {
            name: name,
            age: age
        }
        console.log('user', user);

        // ES6中对象的简写,
        let user1 = {
            name, // 把变量的名称作为属性的key,变量的值作为属性的value
            age,
            sex
        };
        console.log('user1', user1);

输出结果:

 

字符串模板

        let html = "<div id='div1'></div>";
        // ES6字符串模板
        let html2 = `<div id="div1"></div>`; // tab上面的建

注意这里的 `` 而不是""

 字符串模板调用变量和函数

        var age = 20;
        var info = () => 'hello'; // 定义了一个info函数,返回hello

        let html2 = `<div id="div1">age:${age},调用函数:${info()}</div>`;
        console.log(html2);

输出结果:

转载请注明出处,谢谢!
THE END
分享
二维码
打赏
< <上一篇
下一篇>>