关于 Javascript 属性和实例的问题

Question

我自己不明白为什么示例中的 foo.bar 是 undefined，你能解释一下吗？

var foo = "foo";

foo.bar = "baz";
console.log(foo.bar); // undefined

Q2：如何将属性和方法的引用添加到 String 实例 foo 中？

感谢帮助，谢谢。

-- 编辑 --

注意：问题是关于通用字符串实例，而不是字符串全局对象。因此，按照某人的建议使用“经典”原型并不是一种选择，因为这样每个 String 实例都会有一个名为 bar 的属性，而我只想增强某些实例。

Answer 1

这是 为什么我不能在 JavaScript 中向字符串对象添加属性？。

基本上，您正在创建一个字符串，这是 JavaScript 中的原始类型。

您无法向 JavaScript 中的基本类型添加属性。

Answer 2

通过使用 foo 的真实 String 对象：

var foo = new String('foo');
foo.bar = 'baz';
console.log(foo.bar); // 'baz'

Answer 3

foo.bar = "baz"; 与 undefined = "baz"; 相同，

您可以使用字符串的原型向其添加函数；

String.prototype.bar = function() {
    return "baz";
};

foo.bar() ; //# => baz

Answer 4

当您指定 var foo = "foo"; 时您要求将 foo 解释为字符串。字符串只能将文字作为值。它不能有任何其他子属性。 （只需将此逻辑扩展到您知道的任何其他面向对象编程语言，它就会变得更加清晰）。相反，你可以做这样的事情。

 var fooObject = new Object()
fooObject.foo = "foo"
fooObject.bar = "baz"

Answer 5

您正在谈论“原型设计”，即向 JavaScript 中的对象添加自定义属性的能力。

这是关于原型制作的优秀而简洁的教程：
http://www.javascriptkit.com/javatutors/proto.shtml

Answer 6

要扩展 String 类，请修改其原型：

String.prototype.bar = "baz";
var foo = "foo";
console.log(foo); // "foo"
console.log(foo.bar); // "baz"

在您的问题中，您正在修改 String 类的实例而不是 String 类本身。