바닐라 JS_3_Functions

Youmi Choi (Blake)·2021년 8월 24일
0

JS

목록 보기
4/13
post-thumbnail

배운점

1. NaN = Not a number

2. 함수란?

functions은 코드들의 조각 = 코드들의 캡슐화
실행이 여러번 가능하게 해줌
예시>>

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


sayHello("blake");
sayHello("Ms choi");
sayHello("blakyyyyy");

//() 이 괄호가 함수안에 있는 내용을 실행.
//argument(괄호안에 위치) 함수가 실행하는 동안 어떤정보를 함수에게 보내는 방법.
예시>>

function sayHello(nameOfPerson , age){
   console.log("Hello, you can call me " + nameOfPerson + " and I am " + age);
}


sayHello("blake", 10);
sayHello("Ms choi",12);
sayHello("blakyyyyy",40);
>> Hello, you can call me blake and I am 10
   Hello, you can call me Ms choi and I am 12
   Hello, you can call me blakyyyyy and I am 40

// argument는 여러개가 될 수 있고, 해당 함수 안(블록 안)에서만 적용 

3. 데이터를 함수안으로 보내는 법

함수 일반 모양

function sayHello(){

};

함수가 object안에 있을때 (함수모양도 위와 조금 다름)

const player = {
   name: "blake",
   sayHello: function(YourName){
      console.log("Hello I'm " + YourName + " nice to meet you!")

   }

};


console.log(player.name);
player.sayHello("blake");
player.sayHello("mmmmm");
player.sayHello("zdkjhkjghdg");

//player = object, name = property

느낀점

함수개념 역시 이전에 다른 언어들 배울때와 같은 개념이라 이해하는데
무리가 없었으나, object안에서 함수를 만들때 모양이 낯설어
약간 당황했음.

그리고 숙제라며 스스로 계산함수 코딩해보라했을때
사소한 것들 문법이 안 맞아서 여러번 고쳐야했음.

머리로 이해하는 것과 직접 코드짜서 실행해보는 것과
크게 다르다는 것을 깨달음.

노마드코더 클론코딩 인강을 통하여 배운 것을 복습하는 포스팅이므로 잘못된 정보는 예쁜말로 피드백 주시면 언제나 감사합니다.

profile
꾸준함을 통해 완벽을 추구합니다.

0개의 댓글