최종주차 JS : function이라 적고 코드캡슐화라고 읽는다.

김나현·2024년 10월 12일
1

어떻게 function을 만드나?

내가 계속 반복해서 사용할 수 있는 코드 조각
(프로그래머들은 lazy:가능한 적은 코드를 작성하고 싶다..)

function이 없는 세상

console.log("Hello my name is Nahyun")
console.log("Hello my name is Minsu")
console.log("Hello my name is Yonghee")
console.log("Hello my name is Chulsu")
console.log("Hello my name is Heejin")


#복붙somuch #before

전체 코드에서 바뀌는 부분은 끝의 이름들 뿐
나머지 코드는 그냥 복사
-> 좋은 코드는 아니다. 코드의 반복을 최소한으로 줄이고 싶다.

그래서 function을 만들거다.

:코드를 캡슐화. 실행을 여러번 할 수 있게 해준다.
(애청곡을 계속 반복재생하는 것처럼 특정 input을 기반으로 같은 행동을 실행한다.)

HOW?

글자 그대로 function이라고 적으면 된다.

function 만드는 몇가지 규칙이 있다.

  • 어떠한이름이든넣으면된다
  • ()가 필요하다.
  • 실행하게 될 코드 블록이 필요하다.
예)
function 어떤이름(){
	여기 작성하는 것이 sayHello를 실행할 때마다 실행된다. 
    여기는 코드블록안 
}


function의 실행버튼을 누르는 법?
괄호 두 개
()

세 번 실행 시켜 보자.

sayhello()
sayhello()
sayhello()

{}안에 있는 코드가 실행을 누를 때 마다 실행됐다.

function sayHello(){
	console.log("Hello my name is A"); 
}

인수argument 라는 것을 보내야 한다. :전달인자
인수argument는 실행하는 동안 어떤 정보를 function에게 보낼 수 있는 방법이다.

예)

alert();

empty

: 실행버튼()을 눌렀지만 아무것도 안보냈기때문.
->실행버튼()을 누르면서 뭔가를(데이터) 보내는 법을 배울 차례
-->이미 function을 실행하면서 데이터를 보내는 법을 안다.
(실행 버튼을 누르고 동시에 데이터를 보내는 법)
이게 바로

console.log("hello")

괄호 씀 == 실행버튼 누른 것
()안에 데이터도 보내고 있는 것

function이 없는 세상

console.log("Hello my name is Nahyun")
console.log("Hello my name is Minsu")
console.log("Hello my name is Yonghee")
console.log("Hello my name is Chulsu")
console.log("Hello my name is Heejin")


#복붙somuch #before

function이 있는 세상

function sayHello(){
	console.log("Hello my name is A"); 
}

sayhello("Nahyun");
sayhello("Minsu");
sayhello("Younghee");
sayhello("chulsu");
sayhello("heejin");

#after
profile
참 쉽죠? #개발계의 밥아저씨를 꿈꿉니다⋆⁺₊⋆ ☾⋆⁺₊⋆

0개의 댓글