[JavaScript] Function

2022. 8. 30. 19:09·JavaScript

function, 함수는 반복해서 쓸 수 있는 코드조각을 의미한다. 반복하여 쓰기 편하게 미리 만들어두는 것이다. 형태는 다음과 같다. 실행할 때는 반드시 함수 이름을 쓰고, ()을 써야 실행이 된다.

function title(){
실행코드
}
title();

 

 

괄호안에는 argument를 보내야 하는데 argument란 인수를 의미하고, 해당 function내에서 어떤 정보를 줄 수 있는 값을 의미한다. 인수를 받기 위해서 함수를 선언할 때 function 함수명(variable명) { } 를 작성한다.

function sayHello(nameOfPerson, age) {
console.log("Hello my name is " + nameOfPerson + " and I'm " + age);
}
sayHello("nico", 10);
sayHello("dal", 23);


console.log와 같이 player.name();을 만들기 위해서는 object 안에 function이 있어야한다. object 안에 정의될 때는 function 혼자 정의될 때와 달리 sayHello: function()과 같이 순서가 바뀐다.

const player = {
name: "nico",
sayHello: function(otherPersonsName) {
console.log("Hello " + otherPersonsName + " nice to meet you!");
},
};

console.log(player.name);
player.sayHello("lynn");

'JavaScript' 카테고리의 다른 글

[JavaScript] 자바스크립트로 시계만들기  (0) 2022.09.24
[JavaScript] document  (0) 2022.09.01
[JavaScript] Function 2  (0) 2022.08.31
[JavaScript] JS data type 2  (0) 2022.08.30
[JavaScript] JS data type  (0) 2022.08.27
'JavaScript' 카테고리의 다른 글
  • [JavaScript] document
  • [JavaScript] Function 2
  • [JavaScript] JS data type 2
  • [JavaScript] JS data type
youjeong_choi
youjeong_choi
  • youjeong_choi
    youjeong
    youjeong_choi
  • 전체
    오늘
    어제
    • 분류 전체보기 (101)
      • HTML, CSS (7)
      • JavaScript (19)
        • 모던 자바스크립트 딥다이브 (4)
      • ReactJS (17)
      • TIL (15)
      • WIL (17)
      • 알고리즘 (17)
      • 네트워크 (5)
      • Vue (4)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    항해99 주특기
    선언적 함수
    항해99리액트숙련주차
    항해99주특기리액트
    항해99리액트
    무한렌더링
    자바스크립트
    항해99 실전프로젝트
    익명 함수
    리액트 라우트
    알고리즘 문제
    파이썬
    리액트
    리액트 라이프 사이클
    혼공스
    모던자바스크립트딥다이브
    피니아
    항해99
    알고리즘
    항해99주특기
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
youjeong_choi
[JavaScript] Function
상단으로

티스토리툴바