함수는 JavaScript에서 객체입니다.

뭐야???



예, 올바르게 읽었습니다.

이 주제에 대해 자세히 알아보겠습니다.

진지한 훈련을 시작하기 전에 JavaScript에서 개체와 기능을 빠르게 수정해 봅시다.

물체:

JavaScript의 객체는 기본 유형이 아닌 데이터 구조일 뿐입니다. 중괄호를 사용하여 개체를 정의하고 쉼표로 구분된 키-값 쌍을 넣을 수 있습니다.

const user = {
   name:"Hemendra",
   nickname:"Hemu",
   email:"[email protected]",
}

user.city = "Bhilwara" // add new value in existing object

user.city = "Jaipur" // update new value in existing object

console.log(user.name);
/*
output

Hemendra

*/
console.log(user);

/*
output

{
   name:"Hemendra",
   nickname:"Hemu",
   email:"[email protected]",
   city:"Jaipur"
}
*/

자세히 알아보기

기능

다른 프로그래밍 언어와 달리 JavaScript는 기능을 매우 다르게 구현했습니다.

한번 봅시다

정의:

함수는 특정 작업을 수행하는 조직화된 코드 블록입니다.

기능의 장점

함수를 사용하면 프로그램을 더 쉽게 읽고, 이해하고, 디버그할 수 있습니다.

함수는 반복되는 코드를 제거하여 프로그램을 더 작게 만들 수 있습니다.

이제 당신은 궁금해 할 것입니다. 그렇다면 차이점은 무엇입니까?



JavaScript에서 함수는 다른 객체와 마찬가지로 속성과 메서드를 가질 수 있기 때문에 일급 객체입니다. 모든 JavaScript 함수는 실제로 Function 개체입니다.



먼저 JavaScript에서 함수를 정의하는 방법을 살펴보겠습니다.

function sum(a,b){
 return a+b;
}

const res = sum(2,4);

console.log(res); // outputs -> 6

위에서 두 개의 숫자를 더하는 sum이라는 함수를 만들었습니다.

그런데 아까도 말했듯이 위에서 만든 sum 함수도 객체인가요? 위의 사용자 객체에서 했던 것처럼 sum 함수에 속성과 값을 추가할 수 있습니까?

이것을 실제로 보자

function sum(a,b){
 return a+b;
}

sum.help = "use this function to add two numbers";
// like an object we have added help key and it's value to the above function.

// will work as before
const res = sum(3,6);
console.log(res) // outputs --> 9

// but now 

console.log(sum.help) 
// outputs --> use this function to add two numbers

sum 함수가 객체의 인스턴스인지 아닌지 확인해 봅시다.

function sum(a,b){
 return a+b;
}

console.log(sum instanceof Function); // true
console.log(sum instanceof Object); // true

let name = "Hemendra"
console.log(name instanceof Object); // false

그리고 Voila는 함수가 JavaScript의 객체임을 증명합니다.