JS中typeof结果在DevTools中红黑字体的差异疑问

这是Chrome DevTools（及其他主流浏览器控制台）的语法高亮规则差异，本质是控制台对不同场景下的输出做了区分渲染：

• 黑色不带引号的string：当你直接在控制台输入表达式（比如typeof [1,2,3].forEach(()=>{})）并执行时，控制台会直接返回表达式结果，同时对typeof返回的这类「类型标识字符串」做特殊高亮，用黑色无引号样式突出它是类型检测的结果。
• 红色带引号的'string'：当你通过console.log()等方法主动输出字符串值时，控制台会按照普通字符串格式展示，用红色引号包裹，明确标识这是一个字符串字面量。

结合你自定义Array.prototype.forEach2的场景，核心原因大概率是：

1. 原生forEach的回调参数index是数字类型，直接在控制台执行typeof index会返回黑色的number；
2. 你自定义的forEach2中，可能不小心把index处理成了字符串类型（比如用字符串拼接生成索引、循环变量本身是字符串），此时用console.log(typeof index)输出的就是红色带引号的'string'——哪怕你用parseInt(index)转换，若你输出的是typeof index（原变量仍为字符串），结果自然还是红色的'string'，只有输出typeof parseInt(index)才会显示黑色的number。

简单验证示例：

• 直接在控制台输入：typeof 123 → 显示黑色的number
• 输入：console.log(typeof 123) → 控制台输出红色的'number'

这两种显示只是控制台的渲染风格不同，本质对应的字符串值完全一致，都是"string"或"number"，仅用来区分「直接返回的类型检测结果」和「主动输出的普通字符串值」。

内容的提问来源于stack exchange，提问作者Thanh Bình