Describe the function object in Java script with an example.

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

*

error: Content is protected !!