Underscore.js es una biblioteca en javascript que hace que las operaciones en arrays, strings y objetos sean mucho más fáciles y prácticas.
La función _.noConflict() se usa para crear una referencia del objeto de subrayado global “_” a otra variable.
Nota: Es muy necesario vincular el CDN de subrayado antes de usar las funciones de subrayado en el navegador. Al vincular el CDN de underscore.js, el «_» se adjunta al navegador como una variable global.
Sintaxis:
_.noConflict()
Parámetros: Esta función no acepta ningún parámetro.
Valor devuelto: Devuelve la referencia a la variable global de subrayado.
Ejemplo 1: cuando no se usa la función noConflict() y se usa la variable «guión bajo».
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>
</head>
<body>
<p>Click the given below button</p>
<button>
button
</button>
<script>
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);
</script>
</body>
</html>
Producción:
- Cuando no se hace clic en el botón:
- Cuando se hace clic en el botón:
Ejemplo 2: Cuando se utiliza la función noConflict().
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>
</head>
<body>
<p>Click the given below button</p>
<button>
button
</button>
<script>
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);
</script>
</body>
</html>
Producción:
- Cuando no se hace clic en el botón:
- Cuando se hace clic en el botón:
