1. 模板字符串: 简化字符串的拼接
* 模板字符串必须用 `` 包含
* 变化的部分使用${xxx}定义
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模板字符串</title>
</head>
<body>
</body>
<script type="text/javascript">
let obj = {username:'Yoona',age:28}
let str = '我的名字是' + obj.username + ',我的年龄是' + obj.age
console.log(str)
console.log(`我的名字是:${obj.username}, 我的年龄是:${obj.age}`)
</script>
</html>
2.简化的对象写法
* 省略同名的属性值
* 省略方法的function
* 例如:
let x = 1
let y = 2
let point = {
x,
y,
setX(x){this.x = x}
}
// ES5
var username = 'Yoona'
var age = 28
var obj = {
username: username,
age : age,
getName:function(){
return username
}
}
console.log(obj)
// ES6
let username = 'Yoona'
let age = 28
let obj = {
username,// 同名的属性可以省略不写
age,
getName(){// 可以省略函数的function
return username
}
}
console.log(obj)