JavaScript语言的属性简写

在对象字面量创建对象方式中,当属性名和代表属性值的变量名相同时,可以省略属性名以及紧跟在属性名后面的冒号,只使用变量名。

注意:类没有属性简写语法。

let personName = "张三";
//属性名与变量名不相同(前面name是属性名,后面personName是变量名)
let person = {
  name: personName
};
console.log(person);  // { name: "张三" }
let name = "张三";
//属性名与变量名相同(前面name是属性名,后面name是变量名)
let person = {
  name: name
};
//省略属性名以及紧跟在属性名后面的冒号,只使用变量名。
let person = {
  name
};
console.log(person);  // { name: "张三" }

当对象字面量作为函数的返回值时,也支持属性简写。

function makePerson(name) {
  return {
    name
  };
}

let person = makePerson("张三");
console.log(person);  // { name: "张三" }

原创文章,作者:huoxiaoqiang,如若转载,请注明出处:https://www.huoxiaoqiang.com/experience/javascriptexp/36657.html

(0)
huoxiaoqiang的头像huoxiaoqiang
上一篇 2025年4月3日 17:02
下一篇 2025年4月3日 18:23

相关推荐

  • 开启JavaScript语言的严格模式

    要对一个脚本文件内的所有内容开启严格模式,只需要在脚本文件内的顶部添加 “use strict” 或 ‘use strict’ 即可。 要单独对一个函数体内的所有内容开启严格模式,只需要在函数体内的顶部添加 “use strict” 或 ‘use strict’ 即可。 注意:JavaScript 模块内的所有内容自动…

    JavaScript经验 2023年12月12日
    09190
  • Node.js代码的三种运行方式

    1.node -e | -p <command>命令方式 2.node hello.js文件方式 hello.js 文件代码清单: 启动终端,使用 cd 命令,切换到存放 hello.js 文件的目录。执行以下命令: 3.node -i交互方式 node -i 可简写为 node。

    JavaScript经验 2023年2月23日
    01.1K0
  • 使用JavaScript的三种方式

    1.内联(Inline)方式 内联(Inline)方式,又称为行内方式。往往用于单个元素。 2.内部(Internal)方式 往往用于单个网页。 3.外部(External)方式 往往用于所有网页。 4.优先级 比如上面的示例中 myFunction() 事件处理程序函数,当同时存在多种使用 JavaScript 的方…

    JavaScript经验 2023年10月11日
    06150

发表回复

登录后才能评论