Question

以下是我尝试使用下划线运行的小代码：

     var data = [
          {"name": "Romania"},
          {"name": "Virgin Islands, British"},
          {"name": "Gibraltar"},
          {"name": "Bangladesh"},
          {"name": "Taiwan"},
          {"name": "Jamaica"},
          {"name": "Paraguay"},
          {"name": "Reunion"},
          {"name": "Marshall Islands"},
          {"name": "Nepal" },
          { "name": "Ireland" }
        ];

        var namelist = _.pluck(data, "name");
        console.log("list 1 => " + namelist);
        // outputs =>  list 1 => Romania,Virgin Islands, British...

        (function(underscore){
          var u = underscore.noConflict();
          var namelist = u.pluck(data, "name");
          console.log("list 2 => " + namelist);
          // outputs =>  list 2 => Romania,Virgin Islands, British...
        })(_);

        var namelist = _.pluck(data, "name");
        console.log("list 3 => " + namelist);
        // throw an error: Uncaught TypeError: Cannot read property 'pluck' of undefined

与jquery不同，我们通常使用noConflict方法避免两个jquery版本或其他库的$之间的冲突，不知何故我不明白使用 noConflict

的明确含义

这就是我的页面中的情况。不同的模板和不同的语法，因此我尝试使用不同模板设置的template underscore方法。

我做错了吗？如何在不影响全局变量的情况下获得下划线的新实例？

谢谢！

Answer 1

这按预期工作; noConflict释放默认变量，以便可以重新分配而不会发生冲突。

来自_.noConflict()

的文档

将_变量的控制权交还给之前的所有者。

使用noConflict方法后下划线未定义

1 个答案: