Backbone.js is a compact library used to organize JavaScript code. An MVC/MV* framework is another term for it. If MVC is unfamiliar to you, it is just a technique for designing user interfaces. The creation of a program’s user interface is made considerably easier by JavaScript functions. BackboneJS provides a variety of building elements to aid developers in creating client-side web applications, including models, views, events, routers, and collections.
The methods of utility in Backbone.js:
Backbone.noConflict: The Backbone.js noConflict Utility is employed when the Backbone object should retain its original value. As a reference to the Backbone, we can utilize the function’s return value for the Backbone.
Syntax:
var backbone = Backbone.noConflict();
Backbone.$: The Backbone.js $ Utility is advantageous when there are several jQuery. It is used to designate a specific object as having a particular DOM or AJAX library.
Syntax:
Backbone.$ = $
Example 1: The code below demonstrates how we can use the noConflict Utility:
<!DOCTYPE html> < head >
< script src =
type = "text/javascript" ></ script >
< script src =
type = "text/javascript" ></ script >
</ head >
< body >
< h1 style = "color: green;" >
GeeksforGeeks
</ h1 >
< h3 >What are the methods of utility in Backbone.js?</ h3 >
< script type = "text/javascript" >
this.Backbone = {
"Test": "This is not original Backbone's Version value which is being used, Version:" , VERSION: '1.1.0'
}
</ script >
< script src =
type = "text/javascript" >
</ script >
< script >
var testbackbone = Backbone.noConflict();
console.log(Backbone)
document.write(Backbone["Test"], `
${Backbone['VERSION']}< br >`);
console.log(
"Original version's value of backbone which is being used is ", testbackbone.VERSION);
</ script >
</ body >
</ html >
|
Output:
Example 2: The code below demonstrates how we can use the $ utility:
<!DOCTYPE html> < html >
< head >
< script src =
type = "text/javascript" >
</ script >
< script src =
type = "text/javascript" >
</ script >
< script src =
type = "text/javascript" >
</ script >
</ head >
< body >
< h1 style = "color: green;" >
GeeksforGeeks
</ h1 >
< h3 >What are the methods of utility in Backbone.js?</ h3 >
< script type = "text/javascript" >
Backbone.$ = {
VERSION: '1.1.1',
emulateHTTP: true,
emulateJSON: true
};
console.log(Backbone.$);
</ script >
</ body >
</ html >
|
Output:
Reference: https://backbonejs.org/#Utility