6.对象扩展:计算属性.html 623 B

12345678910111213141516171819202122232425
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <script>
  11. var prop = 'name';
  12. // 需求:创建一个对象,对象具有变量prop存储的值属性
  13. // 也就是 得到这么个对象 {name}
  14. // ES5实现
  15. var obj1 = {};
  16. obj1[prop] = '大侠';
  17. // ES6 有短语法 叫做计算属性
  18. var obj2 = {
  19. [prop]: '大侠',
  20. };
  21. </script>
  22. </body>
  23. </html>