生活知识集
第二套高阶模板 · 更大气的阅读体验

对象创建表达式:写代码时的小技巧,其实你天天都在用

发布时间:2025-12-13 06:20:47 阅读:213 次

上网查资料、看视频、点外卖,这些操作背后都有程序在跑。而写程序的人,每天都会用到一种叫‘对象创建表达式’的东西。听起来挺专业,其实就像你开个新聊天窗口一样自然。

什么是对象创建表达式?

简单说,就是让程序“造”出一个具体东西的写法。比如你想记录一条购物信息:商品名、价格、数量。这时候就需要创建一个“对象”来装这些数据。

在 JavaScript 里,最常见的写法是用花括号:

const item = { 
  name: "咖啡杯", 
  price: 39.9, 
  count: 2 
};

这行代码就是在执行一次对象创建表达式。每次刷新页面,它都会生成一个新的 item 对象,就像你每次点“新建邮件”都会弹出一个空白窗口。

不只是花括号

除了 {},还有别的写法。比如用 new 关键字调用构造函数:

const date = new Date();
const arr = new Array(1, 2, 3);

这两行分别创建了一个时间对象和数组对象。虽然看起来不像花括号那么直观,但本质上也是在“新建”一个实例。

实际场景中怎么用?

你在网页上填表单,点提交后,前端代码通常会把数据整理成一个对象再发给服务器。这个过程就少不了对象创建表达式。

const formData = {
  username: inputUser.value,
  email: inputEmail.value,
  agree: checkbox.checked
};

// 然后发出去
fetch('/api/submit', {
  method: 'POST',
  body: JSON.stringify(formData)
});

这个 formData 就是通过对象创建表达式生成的。没有它,你的填写内容就没法整齐打包传走。

别被名字吓住

“表达式”听着像数学题,“对象”又像哲学概念。其实它就是编程里的基本操作,好比做饭要先开火。你现在用的 App,每一秒都在不断创建新对象来响应你的点击、滑动、输入。

下次看到代码里的 {} 或者 new,不用多想,那只是程序员在“新建”某个东西而已,跟你新建一个文档没太大区别。