55

为什么不能将常量设置为本身就是变量的对象的属性？

const a  = 'constant' // all is well
// set constant property of variable object
const window.b = 'constant' // throws Exception
// OR
var App = {};  // want to be able to extend
const App.goldenRatio= 1.6180339887  // throws Exception

又是如何通过引用传递的常量突然变成变量的呢？编辑：我知道 App 不会（或者更确切地说......不应该）是可变的；这只是一个观察...

(function() {
    const App;
    // bunch of code
    window.com_namespace = App;
}());
window.com_namespace; // App
window.com_namespace = 'something else';
window.com_namespace; // 'something else'

一个组织良好、可扩展、面向对象、包含常量的单一命名空间的库如何在这些限制下创建？

编辑：我相信 zi42，但我只需要问为什么

4

6 回答 6

69

你不能用常量来做到这一点。做某事的行为如你所愿但不使用常量的唯一可能方法是定义一个不可写属性：

var obj = {};
Object.defineProperty( obj, "MY_FAKE_CONSTANT", {
  value: "MY_FAKE_CONSTANT_VALUE",
  writable: false,
  enumerable: true,
  configurable: true
});

关于为什么const传递给函数的问题变成变量，答案是因为它是通过值而不是通过引用传递的。该函数正在获取一个与常量具有相同值的新变量。

编辑：感谢@pst 注意到javascript中的对象文字实际上不是“通过引用传递”，而是使用共享调用：

尽管该术语在 Python 社区中广泛使用，但在其他语言（如 Java 和 Visual Basic）中，相同的语义通常被描述为按值调用，其中值暗示为对对象的引用。

于 2012-06-01T02:14:14.063 回答
10 
const person = {
    name: "Nicholas"
};

// works
person.name = "Greg";



console.log(person) //Greg

这就是为什么使用 Object.defineProperty

于 2016-08-02T03:19:54.583 回答
8

有一种更简单的方法可以做到这一点。我喜欢这种模式。简单的对象。

window.Thingy = (function() {

    const staticthing = "immutable";

    function Thingy() {

        let privateStuff = "something";

        function get() {
            return privateStuff;
        }

        function set(_) {
            privateStuff = _;
        }
        return Object.freeze({
            get,
            set,
            staticthing
        });
    }

    Thingy.staticthing = staticthing;
    return Object.freeze(Thingy);
})();

let myThingy = new Thingy();

Thingy.staticthing = "fluid";

myThingy.staticthing = "fluid";

console.log(Thingy.staticthing); // "immutable"
console.log(myThingy.staticthing); // "immutable"

Object.freeze 在这里做的工作

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze

如果您愿意，可以通过将静态属性从构造函数返回的对象字面量中删除，从而将静态属性从实例中删除。

const 只会使其成为只读引用。一旦你分配它，就像这里的对象字面量一样，它就成为构造对象的属性。

于 2017-07-15T10:10:25.493 回答
5 
var obj = {};
Object.defineProperty( obj, "MY_FAKE_CONSTANT", {
  value: "MY_FAKE_CONSTANT_VALUE",
  writable: false,
  enumerable: true,
  configurable: false // instead of true
});

我们还应该将可配置设置为false，这样它就可以防止从 obj 中删除该属性

delete obj.MY_FAKE_CONSTANT;

配置为true后，我们不再有MY_FAKE_CONSTANT了。

参考

于 2018-06-09T15:58:00.237 回答
4

您不应该忘记const 声明“创建对值的只读引用。这并不意味着它所持有的值是不可变的，只是不能重新分配变量标识符”

const 关键字的工作方式与 'let' 类似，因此您可以在另一个块中重新声明它

const MyConst = 5;
console.log('global MyConst =', MyConst); //global MyConst = 5
if(true){
  const MyConst = 99
  console.log('in if block, MyConst =', MyConst); //in if block, MyConst = 99
}
console.log('global MyConst still 5 ?', MyConst===5); //global MyConst still 5 ? true

就像@ziad-saab 一样，如果你想要一个对象属性而不是像一个常量一样，你必须将它定义为一个不可写的属性。

如果您的常量是一个对象并且属性不应更改，请使用Object.freeze()使该对象不可变。

(function(){
  var App = { };
  // create a "constant" object property for App
  Object.defineProperty(App , "fixedStuff", {
    value: Object.freeze({ prop:6 }),
    writable: false,
    enumerable: true,
    configurable: true
  });
  
  Object.defineProperty(window, "com_namespace", {
    value: App,
    writable: false,
    enumerable: true,
    configurable: true
  });
})()

com_namespace.newStuff = 'An extension';
com_namespace.fixedStuff.prop = 'new value'; // do nothing!
console.log(com_namespace.fixedStuff.prop); //6
于 2016-08-04T16:39:08.060 回答
2

我认为您应该在属性中定义一个常量，使 Object.defineProperty 中的可配置：false 和可写：false，如果您离开可配置：true，那么您仍然可以对属性进行更改

例如：当您在 Object.defineProperty 中设置 configure:true 时

cosnt obj = {name: 'some name'};
Object.defineProperty(obj, 'name', {
  enumerable: true,
  configurable: true,
  writable: false
});

有了这个，你就可以让 obj.name 'constant' 但是你可以做到

Object.defineProperty(obj, 'name', {
  enumerable: true,
  configurable: true,
  writable: true // <-- you can set to true because configurable is true
})

但是，如果您将可配置设置为 false，那么您将永远无法编辑可写属性。

Object.defineProperty(obj, 'name', {
  enumerable: true,
  configurable: false, // <-- with this you never could edit writable property
  writable: false
})

对于所有属性，您可以使用 Object.freeze

Object.freeze(obj);

Object.freeze 将仅迭代可枚举的属性

于 2019-03-05T23:20:14.650 回答