博客列表 >对象字面量的简化,推荐使用

对象字面量的简化,推荐使用

异乡客
异乡客原创
2022年01月09日 18:33:18616浏览
  1. // y 对象字面量的简化,推荐使用
  2. // !属性简化
  3. let name = "辛";
  4. let user = {
  5. // name: "xin",
  6. name,
  7. // * 1 变量name 与 属性 name同名 *
  8. // * 2 且再同一个作用域中, 可以不写变量名
  9. };
  10. console.log(user.name);
  11. // ! 方法简化
  12. let user1 = {
  13. // 方法仍然是属性,只不过它的值是一个函数声明
  14. name,
  15. getName: function() {
  16. return this.name;
  17. },
  18. // 简化:将“:function”删除
  19. getFirstname() {
  20. return this.name + "test";
  21. },
  22. // 改成箭头函数,箭头函数不可以用在字面量中
  23. // getLastname: () => this.name,
  24. // this:普通函数,调用时确定
  25. // this:箭头函数,声明时确定,箭头函数中没有this这个变量
  26. };
  27. console.log(user1.getName());
  28. console.log(user1.getFirstname());
  29. // console.log(user1.getLastname());
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议