javascript

6. Function()

으누아빠 2020. 6. 24. 12:32
반응형

Function

  1. 함수의 기본 구조
function sayHello() {
    console.log('Hello');
}

sayHello(); //결과값 Hello
  1. argument를 넘겨주는 구조
function sayHello(name, age) {
    console.log('Hello', name, 'your age', age);

    // +를 이용한 문자열 연결 방법
    console.log('Hello ' + name + ' your age '+ age);

    //백틱을 이용하는 방법(`) [IE 에서는 지원하지 않음]
    console.log(`Hello ${name} your age ${age}`);
}

sayHello('kang', 15); //결과값 Hello kang  your age  15
  1. 값을 return 하여 전달하는 방법
function sayHello(name, age) {
    //IE에서는 백틱을 지원하지 않음
    return `Hello ${name} your age ${age}`;
    //또는
    return 'Hello ' + name + ' your age '+ age;
}

const hello = sayHello('kang', 15);

console.log(hello); //결과값 Hello kang  your age  15
  1. Object 안에 함수를 등록하는 방법
const calculator = {
    plus: function(a, b) {
        return a + b;
    }
}

const plus = calculator.plus(5,5); //console.log() 와 비슷한 모양임

console.log(plus); //결과값: 10

참고

function(a, b) {
    return a + b;
}

위와 같이 이름이 없는 함수를 익명함수 라고 말하며, 즉시 실행이 되어야 할경우 사용

'javascript' 카테고리의 다른 글

8. Event  (0) 2020.06.24
7. DOM 변경  (0) 2020.06.24
5. Object  (0) 2020.06.23
4. Array  (0) 2020.06.23
3. 주석 및 데이터 형  (0) 2020.06.23