ES6对象字面量增强写法
程序员文章站
2022-07-13 09:33:09
...
1.对象
通常我们把一些相关的数据放在一个对象之中打印出来如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const name ='夏明';
const age = '18';
//通常写法
const obj ={
name: name,
age :age
}
console.log(obj)
</script>
</body>
</html>
而杂ES6之中，有更简介的方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const name ='夏明';
const age = '18';
//通常写法
// const obj ={
// name: name,
// age :age
// }
//es6写法
const obj ={
name,
age
}
console.log(obj)
</script>
</body>
</html>
2.函数
函数也是一样，有简便写法
//通常写法
const obj ={
eat :function(){
}
}
//ES6的写法
const obj ={
eat(){
}
}
上一篇： 【性能调优】Nginx如何优化
下一篇： Map集合