Question

基本上,我需要能够做到这一点:

var obj = {"foo":"bar"},
    arr = [];
with( obj ){
   arr.push( foo );
   arr.push( notDefinedOnObj ); // fails with  ReferenceError: notDefinedOnObj is not defined 
}
console.log(arr); // ["bar", ""] <- this is what it should be.

我在找一个“全球”等量, 以便返回所有未定义的属性的空字符串(注意这与 undered 的属性不同)。

Answer 1


您可以创建一个 < a href=>" "https:// developmenter.mozilla.org/en/JavaScript/Reference/Global_Objects/Proxy" rel="noreferr"\\code >Proxy , 以在访问未定义属性时返回空字符串 。

app.js :

var obj = {"foo":"bar"},
    arr = [],
    p = Proxy.create({
        get: function(proxy, name) {
            return obj[name] === undefined ?    : obj[name];
        }
    });
arr.push( p.foo );
arr.push( p.notDefinedOnObj );

console.log(arr);

问题作者David Murdoch 指出,如果使用节点 v0.6.18 (撰写此文章时的最新稳定释放时间),您必须在运行脚本时通过 < code>- harmony_ proxies 选项 :

$ node --harmony_proxies app.js
[  bar ,    ]

请注意, 如果您使用 < code> 和 < /code >, 此解决方案将 < strong > non 工作, 如 :

var obj = {"foo":"bar"},
    arr = [],
    p = Proxy.create({
        get: function(proxy, name) {
            return obj[name] === undefined ?    : obj[name];
        }
    });
with ( p ) {
   arr.push( foo ); // ReferenceError: foo is not defined
   arr.push( notDefinedOnObj );
}

console.log(arr);

with 在向范围链添加代名词时,似乎不称代理 S get 方法。

注:在此示例中,代理处理器传递到 Proxy.capide () 是 不完全 。见 >Proxy:常见错误和误解。

Answer 2

在javascript 中,没有全球缺失的成员处理器。您需要引入函数来抽取行为。

function getOrEmpty(obj, name) {
  if (!obj.hasOwnProperty(name)) {
    return "";
  }
  return obj[name];
}

var obj = {"foo":"bar"},
    arr = [];
arr.push(getOrEmpty(obj, "foo"));
arr.push(getOrEmpty(obj, "someUndefinedProperty"));
console.log(arr);

Answer 3

Proxy. create 似乎不再是一个东西了。

这里举个新例子:

const p = new Proxy({foo:1}, {
    get(obj, name) {
        return Object.hasOwnProperty.call(obj, name) ? obj[name] :   ;
    }
})

console.log(p.foo);
console.log(p.bar);

您可以使用它来做一些有趣的小事, 比如创造反应助手 :

const cc = new Proxy(Object.create(null), {
    get(proxy, name) {
        return ({className,...props}) => React.createElement(name, {className: classcat(className), ...props})
    }
})

<cc.tr className={[theme.tr,theme.hrow]}>...</cc.tr>
// renders: <tr class="datatable_tr--2vnM1 datatable_hrow--_PG2G">...</tr>

Answer 4

ES6 和 ES6 以上, 您可以使用代理服务器, 就像被接受的答案建议的那样。但如果您被 ES5 粘住, 请在此给出答案。

以ES5为例,你必须建立自己的班级, 就像这个快速的例子一样

function StrictObject() {
  var values = Object.create(null);
  this.set = function (key, value) {
    values[key] = value;
  };
  this.get = function (key) {
    if (!(key in values)) {
      throw new Error("Could not find " + key);
    }
    return values[key];
  };
}
var obj = new StrictObject();

obj.set( dad ,  homer );
console.log(obj.get( dad ));    // homer
console.log(obj.get( uncle ));  // throws error

友情链接