asp.net core docker Overriding JavaScript functions

Link for all dot net and sql server video tutorial playlists
http://www.youtube.com/user/kudvenkat...

Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspo...

In this video we will discuss how to override a JavaScript function. This is continuation to Part 60. Please watch Part 60 from JavaScript tutorial before proceeding.

In Part 60, we discussed that one of the advantages of using prototype property to add functions is that it enables us to override an existing function if required. Let us continue with the same example we worked with in Part 60.

function Employee(name)
{ this.name = name;
}

Employee.prototype.getName = function ()
{ return this.name;
}

var e1 = new Employee("Mark");
var e2 = new Employee("Sara");

document.write("e1.name = " + e1.getName() + "[br/]");
document.write("e2.name = " + e2.getName() + "[br/]");

Output :
e1.name = Mark
e2.name = Sara

Let us say for some reason we want to override getName() function of Employee object. Notice that in GetEmployeeDetails() function we have overridden getName() function of the Employee object. The overridden version converts the name of the Employee to UPPERCASE.

GetEmployeeDetails();

function GetEmployeeDetails()
{ Employee.prototype.getName = function () { return this.name.toUpperCase(); } var e1 = new Employee("Mark"); var e2 = new Employee("Sara"); document.write("e1.name = " + e1.getName() + "[br/]"); document.write("e2.name = " + e2.getName() + "[br/]");
}

function Employee(name)
{ this.name = name;
}

Employee.prototype.getName = function ()
{ return this.name;
}

Output :
e1.name = MARK
e2.name = SARA

In this example, all the JavaScript is in the same file, i.e
1. The JavaScript that creates Employee constructor function and getName() function &
2. The script that overrides getName() function

The JavaScript that creates Employee constructor function and getName() function could even be present in a separate JavaScript file.

1. To your project add a new JScript file with name = EmployeeScript.js.

2. Copy and paste the following JavaScript code in EmployeeScript.js file
function Employee(name)
{ this.name = name;
}

Employee.prototype.getName = function ()
{ return this.name;
}

3. Modify the code on the HTML page as shown below.
[html] [head] [script type="text/javascript" src="EmployeeScript.js"] [/script] [/head] [body] [script] GetEmployeeDetails(); function GetEmployeeDetails() { Employee.prototype.getName = function () { return this.name.toUpperCase(); } var e1 = new Employee("Mark"); var e2 = new Employee("Sara"); document.write("e1.name = " + e1.getName() + "[br/]"); document.write("e2.name = " + e2.getName() + "[br/]"); } [/script] [/body]
[/html]

Run the page and the output should be exactly the same as the previous example.

JavaScript built-in methods can also be overridden. The following example overrides the built-in JavaScript alert() function.
[script type="text/javascript"] // Overriding JavaScript alert function to write to the page // instead of displaying the alert dialog box var alert = function (msg) { document.write(msg); } // The following calls will invoke the overridden alert() method alert("Hello"); window.alert(" JavaScript");

[/script]

Output : Hello JavaScript

asp.net core docker Overriding JavaScript functions
152 Likes	152 Dislikes
51,324 views views	524K followers
Education	Upload TimePublished on 10 Feb 2015

Related keywords

wcf vs web api,ado.net core,sql server management studio,webkinz,webadvisor,craigslist nj,wcf one piece,asp.net core 3,ajax players,weber grill parts,webtoon,tutorials by hugo,csharp corner,mvc design pattern,asp.net machine account,servers for minecraft,asp.net core dependency injection,ado.net tutorial,services angular,ajax ontario,asp.net mvc tutorial,javascript tutorial date,asp.net cos'è,csharp assembly,javascript tutorialspoint,tutorialspoint python,sql join,services briefcase,asp.net core web api,ajax jquery,wccftech,craigslist ny,asp.net zero,csharp foreach,server memes,sql date format,javascript tutorial example,services online,chase,javascript tutorial callback,serverless architecture,server resume,wcf c#,server books,tutorialspoint javascript,mvcc connect,ado.net mysql,services technologies gps,javascript tutorial indonesia pdf,ajax deadpool,server jobs,cvs,website,mvc tutorial,costco hours,wcf service application,tutorialspoint spring,serverless,wcf soap,javascript tutorial code,wcf cat,wcf test client,cool math games,services & training hse colombia sas,servicestack,citibank,asp.net core identity,sql union,ajax parking,sql database,asp.net core logging,mvconnect,asp.net guida,cunyfirst,wcf nba,csharp download,wcfi foundation,csharp online,wcf authentication,javascript tutorial pdf,tutorials near me,http://asp.net,server 2019,ado.net descargar,web of dreams,chernobyl,serverminer,ajax cleaner,ado.net visual studio 2019,webassign,ado.net vs entity framework,ado.net visual studio 2017,csharp list,sql like,asp.net mvc,asp.net core tutorial,sqlite,wcfm,ajax roster,mvc architecture,http://ado.net,asp.net core mvc,ajax soccer,server hosting,wcfi,ajax dish soap,capital one,server rack,tutorialspoint html,csharp interface,craigslist,webroot,tutorialspoint reactjs,ajax request,wcf dragon ball,asp.net core 2.2,tutorialspoint python 3,sql developer,webster,services transmission company sas,sql group by,asp.net core signalr,services manager,mvc framework,ajax paving,mvc near me,tutorialspoint spring boot,mvc map,csharp online compiler,asp.net download,sql between,ado.net c# pdf,wcf 2019 nba,javascript tutorial download,services tag dell,csharp switch,ado.net ventajas y desventajas,csharpstar,wcf tutorial,javascript tutorial web development,tutorialspoint,ajax meaning,csharp-video-tutorials.blogspot,tutorials dojo,csharp string format,central park 5,ado.net c#,javascript tutorial for beginners,asp.net core github,server status,ajax fc,server jobs nyc,asp.net core swagger,sql formatter,credit karma,services group,server error in '/' application,services windows,asp.net core 3.0,sql injection,wcf ria services,tutorialspoint c#,calculator,ado.net entity data model,sql insert,tutorialspoint tableau,services google play apk,sqlyog,asp.net core 3 release date,sql server,server job description,tutorials by a,servicenow,webcam,mvc hours,javascript tutorial library,webmd symptom,csharp array,javascript tutorial w3,csharp enum,ajax call,asp.net core 2. guida completa per lo sviluppatore,asp.net core,server pro,server status ffxiv,webcrims,cheap flights,asp.net core hosting,services sas,javascript tutorial documentation,tutorialspoint java,tutorialspoint java compiler,webmd,csharp to json,college football,ado.net dataset,csharp dictionary,cnn,website builder,tutorialspoint sql,asp.net web api,server side rendering,weber grills,sql server 2017,mvc nj,tutorialspoint spark,javascript tutorial function,ado.net oracle,asp.net core download,csharp to vb.net,webster bank,webstaurant,tutorialsystems,ajax post,services fms publish announcement,services.msc no abre,ajax jersey,csharp operator,asp.net core razor pages,server duties,asp.net core environment variables,csharp random,century 21,services consultores,services consulting,mvcsd,mvcsc,services.msc,ado.net pdf,asp.net core configuration,ajax marvel,sql update,asp.net tutorial,mvc medical,ado.net entity data model visual studio 2019,wcfs international curriculum,mvc2,javascript tutorial w3school,ado.net entity data model visual studio 2017,javascript tutorial github,chase online,wcf api,costco,server jobs near me,webex,sql meaning,sql tutorial,sql commands,javascript tutorial video,ado.net entity framework,ajax tavern,tutorialsteacher,ajax javascript,javascript tutorial for frontend developers,services desk,ajax greek,csharp tutorial,mvc pattern,ado.net sql server,ado.net connection,asp.net identity,mvcu,asp.net core middleware,wcf web service,mvc webadvisor,web store,mvcc,webmail,mvci,mvctc,