4

这是我遇到的代码：

    var c = function() {},
        c = {
            autoSelectFirst: !1,
            appendTo: "body",
            serviceUrl: null,
            lookup: null,
            .. etc..
            lookupFilter: function(a, b, c) {
                return -1 !== a.value.toLowerCase().indexOf(c)
            },
            .. etc..
        };

为什么c先声明为空函数，然后重新声明为对象？这不只是覆盖函数声明吗？我想这是一个基本的 JS 构造。

4

2 回答 2

7

我在网上找到了有问题的文件，事实证明这是有充分理由的。

首先，应该注意问题中的代码来自已缩进的缩小源。

这是一段代码：

var c=function(){},c={autoSelectFirst:!1,appendTo:"body",serviceUrl:null,lookup:null,
onSelect:null,width:"auto",minChars:1,maxHeight:300,deferRequestBy:0,params:{},
formatResult:g.formatResult,delimiter:null,zIndex:9999,type:"GET",noCache:!1,
onSearchStart:c,onSearchComplete:c,onSearchError:c,
// -----------^------------------^---------------^

所以这是问题中的代码，但还有更多。需要注意的重要一点是，该变量c用于创建对象字面量，带有onSearchStart:c,onSearchComplete:c,onSearchError:c,.

c那么在对象中分配了哪个值？因为对象仍在创建过程中，这意味着c仍在引用该函数，所以像onSearchStart似乎是事件处理程序的属性将空函数作为默认值。

这更有意义。

为了验证，我还找到了原始的、未缩小的来源。以下是相关代码：

//   v---originally it's called `noop`
var noop = function () { },
    that = this,
    defaults = {
        autoSelectFirst: false,
        appendTo: 'body',
        serviceUrl: null,
        lookup: null,
        onSelect: null,
        width: 'auto',
        minChars: 1,
        maxHeight: 300,
        deferRequestBy: 0,
        params: {},
        formatResult: YithAutocomplete.formatResult,
        delimiter: null,
        zIndex: 9999,
        type: 'GET',
        noCache: false,
        onSearchStart: noop,    // <---here it's being used
        onSearchComplete: noop, // <---here it's being used
        onSearchError: noop,    // <---here it's being used

所以现在更清楚的是noop，通常代表无操作的 有自己的名称，并且确实在其下方创建的对象中使用。此外，这是整个文件中唯一使用的地方。noop

显然，缩小器足够聪明，可以看到最初调用的变量noop将不再被使用，因此可以自由地为对象重用该变量名。令人印象深刻的代码分析，IMO。

于 2016-05-05T23:12:06.963 回答
2

基于来自原始问题的代码示例：

var c = function() {},
    c = {
        autoSelectFirst: !1,
        appendTo: "body",
        serviceUrl: null,
        lookup: null,
        .. etc..
        lookupFilter: function(a, b, c) {
            return -1 !== a.value.toLowerCase().indexOf(c)
        },
        .. etc..
    };

您问题中包含的c = function() {},代码部分没有意义。就像这样做：

var x = 1, x = 3;

将一个值分配给变量然后立即为其分配另一个值是没有意义的。

您显示的代码将生成与此完全相同的结果（混淆较少）：

    var c = {
        autoSelectFirst: !1,
        appendTo: "body",
        serviceUrl: null,
        lookup: null,
        .. etc..
        lookupFilter: function(a, b, c) {
            return -1 !== a.value.toLowerCase().indexOf(c)
        },
        .. etc..
    };

根据对该代码所在位置的评论，它似乎是某些自动代码生成或最小化过程的一部分。

仅供参考，Javascript 不使用短语“关联数组”。第二个声明是一个 Javascript 对象。

于 2016-05-05T21:58:41.160 回答