[JavaScript] For loop , Function

let fruit = prompt("which one you need ?")

switch(fruit){
  case "apple":
    console.log("1,000");
    break;
  case "Banana":
    console.log("500");
        break;
  case "Melon":
    console.log("2,000");
        break;
  default:
    console.log("Sorry, We don't sell that one");
}


prompt 는  그 값의 아래는 전부 불러옴. 예를들어 Banana를 입력했을 깨 500과 그 아래 값들도 모두 불러옴.

때문에 break 를 써줘야함

default는 해당하지 않는 값을 입력했을 때 .. 




Function



function showError(){
  alert("Error, Try again")
}

showError();



function sayHello(name){
  const msg = `Hello, ${name}`;
  console.log(msg);
}

sayHello('Mike');
sayHello("Jane");

"Hello, Mike"
"Hello, Jane"


function sayHello(name){
    let msg = `Hello`;
    if(name){
        msg += ', ' + name;
    }
    console.log(msg);
  }
 
  sayHello();
  sayHello("Jun");

"Hello"
"Hello, Jun"


let msg = "Hello";               /// Global Varable
console.log("Before Function")
console.log(msg)

function sayHello(name){
    if(name){
        msg += `. ${name}`;
    }
    console.log("In Function")
                                    /// Local Varable
    console.log(msg);
}

sayHello("Mike");
console.log("after Function")
console.log(msg);


"Before Function"
"Hello"
"In Function"
"Hello. Mike"
"after Function"
"Hello. Mike"


function sayHello(name = "friend"){    /// defalt 값은 friend
    let msg = `Hello, ${name}`
    console.log(msg)
}

sayHello();
sayHello('Jane');

"Hello, friend"
"Hello, Jane"


Return Function 

function add(num1, num2){
    return num1 + num2;
}

const result = add(2,3);
console.log(result);


5


-------------------------------------------------

함수 선언문 vs 함수 표현식


함수 선언문: 어디서든 호출가능..

자바스크립트는 순차적으로 실행되지만 Hosting으로 선언된 함수를 먼저 reading함

function sayHello(){
    console.log("Hello")
}


함수 표현식: 순차적으로 실행.... because Javascript is an interpreted language

let sayHello = function(){
    console.log("Hello")
}



Arrow Function 

let add = function(num1, num2){
    return num1 + num2;
}


let add = (num1, num2) => {
    return num1 + num2;
}

return 도 간단히 정리가능,, () 사용.

let add = (num1, num2) => (num1 + num2);

  return 이 한줄이면 () 생략가능

let add = (num1, num2) => num1 + num2;


하지만 return 전에 여러줄의 코드가 있을 땐 {} 사용

let add = function(num1, num2){
    const result = num1 + num2;
    return result;
}



For

for (let i = 0; i < 10; i++){

}

let i = 0   // 초기 값,, 반복문에 진입할 때 처음 한 번만 실행됨
i < 10     // 조건, false가 되면 멈춤
i++       // 코드 실행 후 작업


for(let i = 0; i <= 10; i++){
    console.log(i)
}

0
1
2
3
4
5
6
7
8
9
10




Popular posts from this blog

[Python] Dictionary

[Visual Design 2/3]