Function vs Method in JavaScript

In JavaScript, functions and methods are both pieces of code that can be used to perform a specific task. However, there are some differences between the two that are important to understand.

Function: A function in JavaScript is a block of code that can be called by name. It can take in parameters and return a value. Functions are defined using the function keyword.

	// Function example
	function greet(name) {
		return "Hello, " + name + "!";
	}
	

Method: A method, on the other hand, is a function that is associated with an object. It is defined inside an object and can be accessed using the dot notation. Methods can also take in parameters and return a value.

	// Method example
	var person = {
		name: "John",
		greet: function() {
			return "Hello, " + this.name + "!";
		}
	};
	

When it comes to using functions and methods in JavaScript, it’s important to understand their differences in order to use them effectively in your code. Here are a few key points to remember:

• Functions can be standalone pieces of code, while methods are associated with objects.
• Methods can access and modify the data of the object they are attached to using the this keyword.
• Functions can be reused and called from anywhere in the code, while methods are specific to the object they are defined in.

Whether you’re working with vanilla JavaScript or a framework like React, understanding the differences between functions and methods will help you write clean and efficient code.