typeof foo与typeof(foo)、delete bar与delete(bar)有何区别？为何存在两种形式？

嘿，这个问题问得特别到位——我刚接触JavaScript的时候也差点把typeof当成函数来调用！咱们把这俩运算符的两种写法拆开了说：

一、typeof foo vs typeof(foo)：运算符不是函数，括号是分组用的 #

首先得明确：typeof是一元运算符，不是函数。它和!（逻辑非）、-（负号）是同一类东西，typeof foo才是它的标准用法。

那typeof(foo)是什么？这里的括号是分组运算符——作用是先计算括号里的foo表达式，再把结果交给typeof处理。大多数场景下，这俩写法的结果确实完全一致，比如：

const foo = 'hello';
console.log(typeof foo); // "string"
console.log(typeof(foo)); // "string"

但遇到复杂表达式时，括号就能解决优先级歧义的问题。举个典型例子：

// 没有括号：typeof先作用于4，得到"number"，再和2拼接
console.log(typeof 4 + 2); // "number2"

// 有括号：先计算4+2=6，再对6用typeof
console.log(typeof(4 + 2)); // "number"

你看，这时候括号就不是“可选的语法糖”，而是明确运算顺序的必要手段。至于有人喜欢写typeof(foo)，纯粹是因为它看起来像函数调用，读起来更直观，尤其是当操作数是长表达式的时候。但要注意：JS里根本没有typeof()这种函数写法，你要是写typeof()会直接报错！

二、delete bar vs delete(bar)：同理，括号只为明确目标 #

delete也是一元运算符，用来删除对象属性、数组元素（注意：删除数组元素不会改变数组长度，只会留下空槽）或者未声明的变量。delete bar是标准用法，delete(bar)里的括号同样是分组运算符。

同样，大多数场景下两者结果一致：

const obj = { name: 'Alice' };
delete obj.name;
console.log(obj.name); // undefined

const obj2 = { age: 25 };
delete(obj2.age);
console.log(obj2.age); // undefined

当操作数是复杂表达式时，括号能帮你明确要删除的目标。比如：

const obj = { a: { b: 10 } };
// 没有括号：delete的优先级低于成员访问，实际是delete (obj.a.b)
delete obj.a.b;
console.log(obj.a.b); // undefined

// 有括号：明确删除obj.a.b这个属性，结果和上面一致
delete(obj.a.b);

虽然这个例子里括号不影响结果，但如果是更复杂的表达式（比如包含逻辑运算、函数调用），括号能让代码意图更清晰。

为什么需要同时存在这两种形式？ #

核心原因有两个：

• 解决运算符优先级歧义：像前面typeof 4 + 2的例子，如果没有括号，JS会按照默认优先级执行，结果可能和你的预期完全相反。括号能强制改变运算顺序，确保代码按你想要的逻辑执行。
• 提升代码可读性：对于复杂表达式，括号能一眼圈出运算符作用的目标，让其他开发者（或者未来的你）更容易理解代码意图。另外，这种写法也符合C、Java等主流语言的编程习惯，降低了新手的学习门槛。

总结一下：这两种写法本质上没有功能区别，括号只是分组运算符，不是函数调用。它们同时存在，是为了兼顾语言的灵活性、可读性和兼容性。

内容的提问来源于stack exchange，提问作者ZYinMD