[자바스크립트기초] 함수에 대한 아주 쉬운 이해(+Method)

[자바스크립트기초] 함수에 대한 아주 쉬운 이해(+Method) — #자바스크립트기초 #자바스크립트함수 #자바스크립트method 학습법 이론 학습을 하기 이전, 명심해야할 학...

#Basic keyword#Naver Blog

#자바스크립트기초 #자바스크립트함수 #자바스크립트method

학습법 이론

학습을 하기 이전, 명심해야할 학습법이 있다.

1.이해가지 않는다고 뒤돌아가 다시 보지 말 것

2.외우지 말라

=> 자주 봐서 외워짐을 당하라

=> 크롬을 통해 copy and paste하라

=> 왜 생겨났는지?

=> 왜 사용하는지?

===> 응용이 가능해진다.

함수에 대한 이해

자바스크립트 함수에 대한 이해

자바스크립트 함수는 고등학교 수학 함수와 매우 비슷한 것 같다. F(x,y)= x+y를 자바식으로 표현하면 위사진과 같은 형태이다.

고등학교 수학과 같은 원리로 생각하면 이해하기 쉽다.

함수의 형태는 function 함수명(매개변수){함수식}

자바스크립트 함수 호출

함수를 만들었다면 호출을 해야한다. 호출은 함수명(매개변수); 으로 할 수 있다.

함수 return에 대한 이해

매개변수들을 여러가지 재료라고 생각해보자. 함수는 하나의 믹서기이다. 재료를 섞어서 믹서기로 섞으면 하나의 결과가 나올 것이다. 이 결과는 컵에 담을 수 있다. 이 컵에 담는 행위를 return으로 생각하면 편하다.

결과를 담을 컵(=공간)으로 하나의 변수를 만들어 준다. const result 1 = add(3,2)

result1이라는 변수를 만들고 함수를 호출하면 result1에 add함수의 결과가 담긴다.

return은 함수를 호출한 곳에 결과를 담는 것을 의미한다.

메소드(Method)란 무엇인가?

메소드에 대한 이해

앞에서 함수에 대해 배웠으면 메소드(Method)는 식은죽 먹기다. 메소드는 객체의 value값에 함수가 들어간 것을 의미한다. 함수가 아닌 value는 property라고 한다.

객체 사용방법 -property

객체를 호출하는 방법은 객체명.key이다.

let student = { name:"jack", } console.log(student.name);	> "jack"

student에 name이라는 property를 담았다. 콘솔로그로 객체명.key로 호출하면 "jack"이 출력되는 것을 볼 수 있다.

객체 사용방법 - Method

let student = { name:"jack", Alert : function(){ console.log("caution!!") } }student.Alert();	> "caution!!"

객체안에 있는 Method를 사용하려면 객체명.함수명(); 을 하면 된다.

객체 뜯어보기

document.querySelector("h1");	> `<h1></h1>`

가장 많이 사용하는 구문을 뜯어보면 객체와 Method에 대한 이해를 확실히 할 수 있다.