在 Ecma-Script-6 中将对象定义为常量 [重复]

Question

我有以下 Ecma-Script-6 模板常量的代码。

const person = 'John Smith';
console.log(person);

person = 'Naeem Shaikh';    
console.log("{{After changing the value for person.name}}");

console.log(person);

当然不行。 http://www.es6fiddle.net/i3vhumdx/ 出现以下错误，

person is read-only

现在我对一个对象做同样的事情。

const person = {name: 'John Smith'};

console.log(JSON.stringify(person));

person.name='Naeem Shaikh';
person.age="24";

console.log("{{After changing the value for person.name}}");

console.log(JSON.stringify(person));

http://www.es6fiddle.net/i3vhzblm/

输出是：

{"name":"John Smith"}
{{After changing the value for person.name}}
{"name":"Naeem Shaikh","age":"30"}

在这里我可以毫无问题地写入只读对象。谁能解释这种行为。

Answer 1

从函数内部更改传递给函数的参数时，您将具有相同的行为：如果它是一个字符串，则外部的不会更改，如果它是一个对象并且您更改了一个属性，它会被更改。

关键是变量的值是什么：

• 对于对象，它是对该对象的引用，您不要更改该引用
• 对于字符串，它是对字符串的引用，恰好是不可变

当您更改属性时，您不会更改值（对对象的引用）。

the MDN 的摘录：

// const also works on objects
const myObject = {"key": "value"};

// However, object attributes are not protected,
// so the following statement is executed without problems
myObject.key = "otherValue";

您似乎想要的是拥有一个恒定的不可变对象。 Freeze它：

const person = Object.freeze({name: 'John Smith'});

这样就无法更改人名。