ES6学习——模板字符串+简化对象写法

ES6引入新的声明字符串的方式 (反引号)

一.模板字符串

1.声明

let str=我也是一个字符串哦
console.log(typeof str); //string

2.内容中可以以直接出现换行符

let str = <ul> <li> 沈腾 </li> <li> 玛丽 </li> </ul > ;
console.log(str);

3.可以实现变量拼接

let name = “Bob”, time = “today”; console.log(Hello ${name}, how are you ${time}?);

4.标签模板

let a = 5; let b = 10;
tag Hello ${ a + b } world ${ a * b } ; //
等同于 tag(['Hello ', ’ world ', ‘’], 15, 50);

二.简化对象写法

es6允许在大括号内直接写入变量和函数，作为对象的属性和方法

let name = ‘小红’;
const school = {
name,
//省略了function
hello(){
console.log(‘我和’+this.name);
}
}
school.hello();