[javascript] Arrow Function 함수의 선언과 표현

또 하자.

// Function
// - fundamental building block in the program
// - subprogram can be used multiple times
// - performs a task or calculates a value

// 1. Function declaration
// function name(param1, param2) { body... return; }
// one function === one thing
// naming: doSomething, command, verb
// e.g. createCardAndPoint -> createCard, createPoint
// function is object in JS
function printHello() {
  console.log('Hello');
}

printHello();

결과

hello


function log(message) {
  console.log(message);
}
log('Hello@');
log(1234);

결과

Hello@
1234

//typescript 공부할 것, 개발할 때 아주 좋음. 꼭 배워라.

// 2. 인자 Parameters
// primitive parameters: passed by value
// object parameters: passed by reference

function changeName(obj) {
  obj.name = 'coder';
}
const martin = { name: 'martin' };
changeName(martin);
console.log(martin);

결과

{name: "coder"}

// 3. Default parameters (added in ES6)
function showMessage(message, from = 'unknown') {
  console.log(`${message} by ${from}`);
}
showMessage('Hi!');

결과

Hi! by unknown


// 4. Rest parameters (added in ES6)
function printAll(...args) {
  for (let i = 0; i < args.length; i++) {
    console.log(args[i]);
  }

  for (const arg of args) {
    console.log(arg);
  }

  args.forEach((arg) => console.log(arg));
}
printAll('java', 'script', 'program');

결과

java
script
program

java
script
program

java
script
program


// 5. Local scope 밖에서는 안이 보이지 않고 안에서는 밖을 볼 수 있다.
let globalMessage = 'global'; // global variable
function printMessage() {
  let message = 'hello';
  console.log(message); // local variable
  console.log(globalMessage);
  function printAnother() {
    console.log(message);
    let childMessage = 'hello';
  }
  // console.log(childMessage); //error
}
printMessage();

결과

hello
global
hello

// 6. Return a value
function sum(a, b) {
  return a + b;
}
const result = sum(1, 2); // 3
console.log(`sum: ${sum(1, 2)}`);

결과

sum: 3

// 7. Early return, early exit
// bad
function upgradeUser(user) {
  if (user.point > 10) {
    // long upgrade logic...
  }
}

// good
function upgradeUser(user) {
  if (user.point <= 10) {
    return;
  }
  // long upgrade logic...
}