반응형
Function
- 함수의 기본 구조
function sayHello() {
console.log('Hello');
}
sayHello(); //결과값 Hello
- 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
- 값을 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
- 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 |