我怎样才能 *unpack* 一个对象到一个函数的范围内？

Question

我有这个代码...

function a(options) {
    for (var item in options) {
       if ( ! options.hasOwnProperty(item)) {
          continue;
       }
       this[item] = options[item];
    }
}

a({ 'abc': 'def' });

jsFiddle.

虽然这会从对象中解包变量，但会将它们设置为全局范围（附加到window），因为在这种情况下this 是window。

所以在函数之后我可以做alert(abc)，它会提醒def，这不好。

如何将变量的范围设置为函数？

Answer 1

如果你想把对象的属性放在函数的作用域中，你可以扩展作用域，使用with：

function a(options) {
    with(options) {
        // properties of `options` are in the scope
        alert(abc);
    }
}

免责声明：Make sure you read the documentation and about disadvantages of with。它应该被避免，也有点被弃用：

不推荐使用with，并且在ECMAScript 5 strict 模式下被禁止。推荐的替代方法是将要访问其属性的对象分配给临时变量。

所以问题是为什么不坚持options？

Answer 2

您可以使用 callee 属性从内部访问函数：

function a(options) {
    var thiz = arguments.callee;
    for (var item in options) {
        if (!options.hasOwnProperty(item)) {
            continue;
        }
        thiz[item] = options[item];
    }
}

a({
    'abc': 'def'
});

alert(a.abc);

或者，您可以在调用时设置范围：

function a(options) {
    for (var item in options) {
        if (!options.hasOwnProperty(item)) {
            continue;
        }
        this[item] = options[item];
    }
}

a.call(a, {
    'abc': 'def'
});
alert(a.abc);