VSCode中getsMarried函数显示为原型（绿色）的原因是什么？

首先明确：这两个函数本质上都是personPrototypes的属性，也就是mary的原型方法，VSCode的高亮差异只是编辑器的静态分析提示，不影响代码的实际运行逻辑。

为什么会出现高亮差异？ #

VSCode的JavaScript语法高亮（基于内置的TypeScript语言服务）会通过静态分析函数的行为来区分显示：

• getsMarried函数里有this.lastName = newLastName的赋值操作，编辑器判断这个函数是在修改实例的状态，符合原型方法的典型使用场景，所以标记为原型函数（绿色）。
• 你的greeting函数里虽然读取了this的属性，但漏写了return语句，函数没有返回值，编辑器的静态分析可能认为它的行为更接近普通工具函数，所以标记为普通函数（黄色）。如果补上return，高亮大概率会和getsMarried一致。

为什么教程里没有这个差异？ #

可能有几个原因：

• 教程中的greeting函数有正确的return语句，编辑器能识别它是返回实例属性的原型方法；
• 教程使用的VSCode版本或内置语法高亮规则和你的不同；
• 你或教程里安装了不同的JavaScript语法高亮插件，覆盖了默认的高亮逻辑。

顺便纠正代码里的小问题 #

你的greeting函数缺少return，调用后会返回undefined，修改成这样就能正常输出问候语：

greeting: function(){
  return `Hello there ${this.firstName} ${this.lastName}`
}

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