JavaScript Functions
A function is a block of code written to perform some specific set of tasks. We can define a function using the function keyword, followed by Name and optional parameters. The body of the function is enclosed in Curly braces.
Syntax:
function functionName(parameters) {
// Content
}
Features:
- The function is executed when something calls/invokes it.
- The name may contain letters, digits, dollar signs, and underscore.
- Parameters are listed inside round parenthesis after the name of the function.
- Arguments are values a function receives when it is invoked.
- When the control reaches the return statement, js will stop executing and the value is returned to the caller.
Example: Below is the function to add two numbers.
function func(a, b) {
let sum = a + b;
return sum;
} console.log(func(1, 2)); |
3
JavaScript Methods
A JavaScript method is a property of an object that contains a function definition. Methods are functions stored as object properties. Object method can be accessed with the following syntax:
Syntax:
object = {
methodName: function() {
// Content
}
};
object.methodName()
Features:
- Actions that can be performed on objects are what we term JavaScript methods.
- The objects can also be called without using parenthesis.
- This refers to the owner object in a method.
Example: The following example shows the method that is invoked with an object called employee.
let employee = { empname: "Rahul" ,
department: "sales" ,
details: function () {
return this .empname +
" works with Department " +
this .department;
}
}; console.log(employee.details()); |
Rahul works with Department sales
Difference Between Function and Method
Function |
Method |
---|---|
A JavaScript function is a block of code designed to perform a particular task. | The javascript method is an object property that has a function value. |
Syntax of Function is: function functionName(parameters) { |
Syntax of Method is: object = { object.methodName() |
A function can pass the data that is operated and may return the data. | The method operates the data contained in a Class. |
Data passed to a function is explicit. | A method implicitly passes the object on which it was called. |
A function lives on its own. | A method is a function associated with an object property. |
A function can be called directly by its name | A method consists of a code that can be called by the name of its object and its method name using dot notation or square bracket notation. |
Functions are helpful because it increases the reusability of the code. | Javascript includes some in-built methods also for example: parseInt() Method |
The () Operator is used to Invoke the Function |
We can access object method by the following the syntax: objectName.methodName() |