(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);
输出结果:
版权声明:
作者:Ne-21
链接:https://blog.gocos.cn/archives/85.html
来源:云淡风轻
文章版权归作者所有,未经允许请勿转载。
THE END
0
二维码
海报
(ES6)ECMAScript6新特性 – 对象简写/字符串模板
对象简写
在ES6中允许我们在设置一个对象的属性的时候不指定属性名。
let name = "admin";
let age = 20;
let sex = '男';
……

共有 0 条评论