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

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

     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方法用于不同的模板设置。

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

谢谢！

最佳答案

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



来自_.noConflict()的文档


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