JAVASCRIPT FUNCTION:
Function reusable price of code рдпрд╛ block of code рд╣реЛрддрд╛рд╣реИрдЬреЛрдХрд┐рдХреЛрдИ sacrifice task perform рдХрд░рддрд╛ рд╣реИред рдПрдХрдмрд╛рд░ define рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рд╣рдо рдЗрдиреНрд╣реЗрдВ script рдореИрдВ рдХрд┐рддрдиреА рд╣реА рдмрд╛рд░ use/call рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ javascript рдореЗрдВ 1000+ predefined useful function рд╣реИрдВ рдЬрд┐рдиреНрд╣реЗрдВ рд╣рдо Built in Function рдХрд╣рддреЗ рд╣реИрдВред
Javascript рдореЗрдВ function рдПрдХ object рд╣реИред
рд╣рд╛рд▓рд╛рдВрдХрд┐ Java script рд╣рдореЗрдВ рдпреЗ facility provide рдХрд░рддреА рд╣реИ рдХрд┐ user рдЦреБрдж рдХреЗ function define рдХрд░ рд╕рдХреЗ рдЬрд┐рдиреНрд╣реЗрдВ user defined function рдХрд╣рддреЗ рд╣реИрдВ ред Web page load рд╣реЛрддреЗ рд╕рдордп рдХреЛрдИ рднреА┬а function automatically run рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ рдЬрдм рддрдХ рдХрд┐ рд╣рдо рдЙрд╕реЗ рдХрд┐рд╕реА event handler рдХреА help рд╕реЗ рдпрд╛ manually call / invoke рди рдХрд░реЗрдВ ред
IMPORTANT
Javascript рдореЗрдВ function object рд╣реЛрддреЗ рд╣реИрдВ, new keyboard рдХреЗ through рдЖрдк function object ( Arrow Function рдХреЛ рдЫреЛрдбрд╝рдХрд░ ) рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВ ред рдЗрд╕рд▓рд┐рдП function рдХреЛ рдЖрдк рдХрд┐рд╕реА variable рдореЗрдВ assign рднреА рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ , рдФрд░ рдХрд┐рд╕реА function рдореЗрдВ ( рдЬрд┐рдиреНрд╣реЗрдВ Callback Function рдХрд╣рддреЗ рд╣реИрдВ )
JS Function Declaration :-
Function declaration рдХреЛ function definition рдпрд╛ function statement рднреА рдХрд╣рддреЗ рд╣реИрдВ , Javascript рдореЗрдВ function define рдХреЗ рд▓рд┐рдП function keywords рдХрд╛ use рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ ред
┬а
JS Function Syntax:-
Function function_name( )
{
//Perform task here
Return something/*itтАЩs optional*/
}
JAVASCRIPT OBJECT:-
JavaScript Object рдЙрди Properties рдХрд╛ рдПрдХ Collection рд╣реИ рдЬрд╣рд╛рдВ рд╣рд░ Properties рдХрд╛ рдПрдХ Name рдФрд░ рдПрдХ Value рд╣реЛрддреА рд╣реИ рдЬреЛ Hash, Map рдпрд╛ рдЕрдиреНрдп Languages рдореЗрдВDictionary рдХреЗ рд╕рдорд╛рди рд╣реЛрддрд╛ рд╣реИ. рдПрдХ String рдХрд╛ Name рдХреЛрдИ рднреА String рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдЦрд╛рд▓реА String рднреА рд╢рд╛рдорд┐рд▓ рд╣реЛрддреЗ рд╣реИ. Value рдХреЛрдИ рднреА рдЕрдиреНрдп Value рд╣реЛ рд╕рдХрддреА рд╣реИ рдЬреИрд╕реЗ String, Boolean, Number, Null, рд▓реЗрдХрд┐рди рдпрд╣ Undefined рдирд╣реАрдВ рд╣реЛ рд╕рдХрддреА.
Object рдХрд╛ рдЙрдкрдпреЛрдЧ рд╢реБрд░реВ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рднреА Object рдХреА Properties рдХреЛ Define рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ. рд▓реЗрдХрд┐рди рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ рдЖрдЗрдП рджреЗрдЦреЗрдВ рдХрд┐ рд╣рдо JavaScriptрдореЗрдВObject рдХреЛ рдХреИрд╕реЗ рдмрдирд╛рддреЗ рд╣реИ.
рдПрдХ рдирдпрд╛ object рдХреЛ рдмрдирд╛рдиреЗ рдХрд╛ рд╕рдмрд╕реЗ рдЖрд╕рд╛рди рддрд░реАрдХрд╛ Object Literal Notation рдХреЗ рдХреЗ рд╕рд╛рде рд╣реЛрддрд╛ рд╣реИ рдЬреЛ рдХрд┐Curly braces:{} рдХреА рдПрдХ рдЬреЛрдбрд╝реА рд╕реЗ Bracketed рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ.
Creating object in Java script:-
Javascript objectтАЩs рдХреЛ рдмрдирд╛рдиреЗ рдХреЗ 3 рддрд░реАрдХреЗ рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ.
- Object literal
- Creating instance of object directly
- Using an object constructor
- Object Literal :-
Object literal notation рдХрд╛ рдореВрд▓ рд░реВрдк рд╕реЗ keyрдХрд╛ рдПрдХ Array рд╣реИ . Value рдХреЛ рдЕрд▓рдЧ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдкреНрд░рддреНрдпреЗрдХ key рдХреЗ рдмрд╛рдж рдПрдХcomma key:value рдХреЛ рдЬреЛрдбрд╝рддреЗ рд╣реИрдВ рдФрд░ рдпрд╣ рдХреЗрд╡рд▓ рдПрдХ рдирд┐рдпрдорд┐рдд Array рдХреАрддрд░рд╣ рдЕрдВрддрд┐рдо рдХреЗ рдЕрд▓рд╛рд╡рд╛ рд╣реЛрддрд╛ рд╣реИ
FOR EXAMPLE :
<!DOCTYPE html>
<html>
<head>
<title>Javascript Object Literal Example</title>
</head>
<body>
<script type=тАЭtext/JavaScriptтАЭ>
Emp={id:202,name:тАЭSauraj SaoтАЭ,salary:60000}
Document.write(emp.id+тАЭ тАЬ+emp.name+тАЭ тАЬ+emp.salary);
</script>
</body>
</html>
Output:
202Sauraj Sao 60000
┬а
- Creating Instance of Object Directly
рдХрд┐рд╕реА object рдХрд╛ рдПрдХ рдирдпрд╛ instance рдХреЛ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдоnew keyword рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ рдпрд╣ keyword рдПрдХ object рдХрд╛ рдПрдХ рдирдпрд╛ instance рдХреЛ рдмрдирд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╣рдо рдПрдХ рдлрд┐рд░ variable рдХреЛ assign рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ.
FOR EXAMPLE
<!DOCTYPE html>
<html>
<head>
<title>Creating Instance of Object Directly Example</title>
</head>
<body>
<script type=тАЭtext/javascriptтАЭ>
Varemp=new Object();
Emp.id=301;
Emp.name=тАЭDeepeshSidarтАЭ;
Emp.salary=70000;
Document.write(emp.id+тАЭ тАЬ+emp.name+тАЭ тАЬ+emp.salary);
</script>
</body>
</html>
OUTPUT
301DeepeshSidar 70000
┬а
- Using an object constructor:-
рдпрд╣рд╛рдВ рдкрд░ рдЖрдкрдХреЛargument рдХреЗ рд╕рд╛рде function рдХреЛ рдмрдирд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИ рдкреНрд░рддреНрдпреЗрдХ argument value рдХреЛ рдЗрд╕ object рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╡рд░реНрддрдорд╛рдиobject рдореЗрдВ assigned рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдФрд░ рдпрд╣ keyword рдореМрдЬреВрджрд╛object рдХреЛ рджрд░рд╕рд╛рддрд╛ рд╣реИ .
FOR EXAMPLE ┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а┬а
<!DOCTYPE html>
<html>
<head>
<title>Using an Object Constructor Example</title>
</head>
<body>
<script type=”text/javascript”>
function emp(id,name,salary){
this.Id=id;
this.name=name;
this.salary=salary;
}
e=new emp(203,”Sauraj Sao”,10000);
Document.write(e.id+” “+e.name+” “+e.salary);
</script>
</body>
</html>
OUTPUT:
203 Sauraj Sao 10000
Speak Your Mind