模板字符串 :简化了字符串的拼接 大大得提高了我们拼接的效率
- 模板字符串必须用 `` 包含
- 变化的部分使用${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()