Underscore.js _.noConflict()函数

Underscore.js是 javascript 中的一个库，它使对数组、字符串、对象的操作更加容易和方便。
_.noConflict()函数用于创建全局下划线对象“_”对另一个变量的引用。

注意：在浏览器中使用下划线功能之前，必须先链接下划线CDN。在链接 underscore.js CDN 时，“_”作为全局变量附加到浏览器。

句法：

_.noConflict()

参数：此函数不接受任何参数。

返回值：返回对全局下划线变量的引用。

示例 1：当没有使用 noConflict()函数并使用“下划线”变量时。

HTML

 

    
    

 

 
     
Click the given below button
 
 
    
        button
    
 
    
        let btn = document.querySelector("button");
        let p = document.querySelector("p")
 
        // Creating a array
        let arr = [2, 3, 1, 2, 5, 1];
 
        // Declaring underscore variable
        let underscore;
 
        // Creating a function
        let func = () => {
 
            // Changing text of paragraph
            // on button click
            p.innerText = "button is clicked";
 
            // Sorting the array
            arr = underscore.sortBy(arr,
                (e) => { return Math.round(e) })
            console.log(arr)
        }
        btn.addEventListener("click", func);
    

 

输出：

• 未单击按钮时：
  

• 单击按钮时：
  

示例 2：使用 noConflict()函数时。

HTML

 

    
    

 

 
     
Click the given below button
 
 
    
        button
    
 
    
        let btn = document.querySelector("button");
        let p = document.querySelector("p")
        let arr = [2, 3, 1, 2, 5, 1];
 
        // Using underscore as a reference
        // to global _ variable
        let underscore = _.noConflict();
 
        // Creating a function named func`
        let func = () => {
            p.innerText = "button is clicked";
            arr = underscore.sortBy(arr,
                (e) => { return Math.round(e) })
            console.log(arr)
        }
         
        // Adding event listener to button
        btn.addEventListener("click", func);
    

 

输出：

• 未单击按钮时：
  

• 单击按钮时：