在 JavaScript 的命名空间中存储可重用常量

Question

请不要指给我Static variables in JavaScript

我的问题更具体。我是 JS 的新手（只是读了几本书，看一些截屏视频，并阅读关于 JS 中的 monoins/monads 的博客文章）所以请耐心等待））

为了存储可重用的常量，我编写了这样的代码：

函数 SVGobj(w, h) { this.value = document.createElementNS(SVGobj.svgNS, "svg"); this.value.setAttribute("版本", "1.2"); this.value.setAttribute("宽度", w); this.value.setAttribute("身高", h); } SVG obj.svgNS = "http://www.w3.org/2000/svg"; 函数 SVGCircle(cx, cy, r) { this.value = document.createElementNS(SVGobj.svgNS, "circle"); this.value.setAttribute("cx", cx); this.value.setAttribute("cy", cy); this.value.setAttribute("r", r); }

上面的代码正在运行。 SVGCircle 重用常量 SVGobj.svgNS。

但我不明白 SVGobj.svgNS = 表达式。 根据 JS 规范使用 JS 表达式是否合法？

请注意，这样的代码会失败：

var SVGobj = {}; SVG obj.svgNS = "http://www.w3.org/2000/svg"; 函数 SVGobj(w, h) { this.value = document.createElementNS(SVGobj.svgNS, "svg"); this.value.setAttribute("版本", "1.2"); ... } ……

有错误：

TypeError：SVGobj.prototype 未定义

当我尝试实例化 new SVGobj(320, 240);

为什么？

我可以通过 new 运算符但从 "var Cls = {};" 表达式开始创建对象吗？

有人建议使用：

函数 SVGobj(w, h) { if (typeof SVGobj.svgNS == 'undefined' ) { SVG obj.svgNS = "http://www.w3.org/2000/svg"; } …… }

为什么使用每次创建对象时评估的if？我的第一个例子对我来说似乎更自然......

Answer 1

但我不明白 SVGobj.svgNS = 表达式。是否合法使用 根据 JS 规范的 JS 表达式？

是的，SVGobj 是一个函数，而 svgNS 是函数的一个属性。

当我尝试实例化新的 SVGobj(320, 240);为什么？

是名称冲突。

var SVGobj = {}; SVG obj.svgNS = "http://www.w3.org/2000/svg";

被以下内容覆盖：

函数 SVGobj(w, h) { this.value = document.createElementNS(SVGobj.svgNS, "svg"); this.value.setAttribute("版本", "1.2"); ... }

不要忘记 Javascript 不是面向对象的语言。

我可以通过 new 运算符创建对象，但从“var Cls = {};”开始 表达方式？

这个表达式等于（{}只是一个捷径）

var Cls = new Object();

为什么每次创建对象时都使用 if which 评估？我的第一次 这个例子对我来说似乎更自然......

第一个示例比 if 解决方案更好，但代码可能更简洁。（但它总是可以。;-)

Answer 2

在这段代码中：

var SVGobj = {};
SVGobj.svgNS = "http://www.w3.org/2000/svg";
function SVGobj(w, h) {
    this.value = document.createElementNS(SVGobj.svgNS, "svg");
    this.value.setAttribute("version", "1.2");
    ...
}

你正在覆盖：

var SVGobj = {};

与：

function SVGobj(w, h) {

SVGobj.svgNS 那时已经不存在了。

您可能想要执行以下操作：

SVGobj = function (w, h) {
    this.value = document.createElementNS(this.svgNS, "svg");
    this.value.setAttribute("version", "1.2");
    this.svgNS = "http://www.w3.org/2000/svg";

    return {
        svgNS: this.svgNS
    };
};

var o = new SVGobj(100, 100)
console.log(o.svgNS);
// http://www.w3.org/2000/svg