上网查资料、看视频、点外卖,这些操作背后都有程序在跑。而写程序的人,每天都会用到一种叫‘对象创建表达式’的东西。听起来挺专业,其实就像你开个新聊天窗口一样自然。
什么是对象创建表达式?
简单说,就是让程序“造”出一个具体东西的写法。比如你想记录一条购物信息:商品名、价格、数量。这时候就需要创建一个“对象”来装这些数据。
在 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,不用多想,那只是程序员在“新建”某个东西而已,跟你新建一个文档没太大区别。