function

 

const sunahInfo = {
    name:"sunah",
    age:33,
    gender:"W"
}

console.log(sunahInfo,console);

console은 Object이고 log라는 키가 있으며 log는 function(함수)이자 object입니다.

즉 log는 console안에있는 함수라는 뜻이죠

만약 console 오브젝트를 console.log로 입력한다면 콘솔창에 다음과 같이 출력됩니다.

sunahInfo와 console

sunahInfo라는 객체의 로그와 console의 로그입니다.

console은 객체보다 더 큰 오브젝트입니다.

 

브라우저가 가지고 있는 자바 스크립트는 object에 넣을 수 있고

console.log?

console.log,alert등 함수들은 내장함수(built-in-function)이라고 하는데 function은 함수입니다.

어떤것의 기능, 기능적인것으로 어떤것을 수행하려는 한 부분이 함수고, 원하는만큼 사용할 수 있습니다.

 

 

예를들어 console.log로 hello라고 찍히게하는 코드조각을 하나 갖고싶다고 했을 때 함수를 가지고 있지 않다면 colsole.log("hello")라고 쓸 겁니다.

 

colsole.log("Hello a")
colsole.log("Hello b")
colsole.log("Hello c")
colsole.log("Hello d")

이런식으로요 여기서 Hello라는 부분을 Bye라고 바꾸고 싶을때 4개의 colsole.log를 전부 다 바꿔야하지만 이는 효율적이지 않죠

이름을 받아서 어떤 이름을 주던 Bye 가 나오게 해 주는것이 function입니다.

function sayBye()

자바스크립트 함수를 정의하는 문법입니다.

function을 써 주고 함수이름을줍니다.

function sayBye(){	//function(함수)는 언제든 가져다 쓸 수 있는 코드입니다.
			//sayBey라는 이름을 가진 하나의 인스트럭션을 넣습니다.
    console.log("Bye");	
}
//console.log를 쓰는 대신 sayBye를 쓸 건데 이미 sayBye라는 함수가 Bye를 호출한다는것을 알고있기 때문입니다.
sayBye();

function sayBye가 실행됩니다.

그럼 Bye 앞에 이름을 넣어주려면 어떻게 해야할까요?

function sayBye(){
	console.log("Bye");
}
sayBye("a,");

이 경우 Bye aks 출력됩니다.

이유는 sayBye("a,") 에 있는 a, 를 인자(argument)라고 합니다.

이 인자를 Bye라고 하는 console.log 앞에 붙이고 싶습니다.

함수는 인자(argument)를 받는데 인자(argument)는 우리가 주는 값을 저장합니다.

저장한 인자(argument)를 사용하기 위해 우리가 주는 인자(argument)를 가지고갈 수 있게 sayBye를 준비시켜야 하는데 함수를 준비하는 방법은 함수를 만드는 과정에 ((파라미터))를 작성해 주어야 합니다.

변수명을 작성해주는것이죠.

function sayBye(here){		//parameter혹은 argument라고 해서 함수안에서 사용될 이름입니다.
    console.log(here,"Bye");
}
sayBye("a,");

"a,"라는 값은 here에 들어가고 here은 console.log에 들어갑니다

외부에 잇는 데이터를 읽는 함수를 만드는 방법은 이런식으로 함수에게 외부에 있는 데이터를 주는 방식으로 구성됩니다.