본문 바로가기

Frontend/Java Script

(4)
Java Script - 3. 함수 프로그래밍 언어에서 함수란 하나의 로직을 재실행 할 수 있도록 하여 코드의 재사용성을 높여준다. 함수의 형식 function 함수명 (파라미터) { 코드 return 리턴값 } 함수 호출의 형식 함수명(파라미터); 함수에서의 입력(argument/인자) 함수에 값을 입력할때는 함수명(arg)를 넣어 입력한다 그러면 함수는 파라미터로 인자값을 받아 함수 안 로직/코드를 실행하고 결과값을 리턴한다. 복수의 인자값을 입력할 때는 함수명(arg1, arg2) 순서대로 입력하면 되지만 이 경우 당연히 실행하는 함수의 파라미터도 2개가 필요하다. 함수에서의 출력(return) 함수 내에서 사용한 return 은 리턴뒤에 나오는 리턴값을 함수의 결과로 반환하고 동시에 함수를 종료시킨다. 만약 한 함수내에서 여러번 r..
1. Call Stack 콜스택 리스트가 존재한다. 함수는 리스트에 추가되고 실행이 완료되면 함수는 해당 리스트에서 최근에 완료된 순으로 제거된다. function three() { console.log('hello world!') } function two() { three(); } function one() { two(); } function zero() { one(); } zero(); 실행순서 zero (anonymous) -> function zero -> function one -> function two -> function three 제거되는 순서 function three -> function two -> function one -> function zero -> zero (anonymous) 단 무한루프에 걸리..
Java Script - 2. 객체 값 조회, 가져오기 phoneticLookup("charlie")를 조회하면 밸류값인 "Chicago"가 나오게 하고 싶을 때. 객체명[매개변수]로 조회할 수 있다. function phoneticLookup(val) { var result = ""; var lookup = { "alpha": "Adams", "bravo": "Boston", "charlie":"Chicago", "delta":"Denver", "echo":"Easy", "foxtrot":"Frank" }; result = lookup[val]; return result; } phoneticLookup("charlie"); 조금 더 Object의 키값, 밸류값에 대해서 조사해봤는데 lookup 객체가 function에 속해있지 않을 때 여러가지 일들을 할 ..
Java Script - 1. if 조건절 순서의 중요성 여기 2가지 함수 foo, bar 가 있다. 동일한 조건절, 다른 순서일 때 다른 결과값이 나온다. function foo(x) { if (x < 1) { return "Less than one"; } else if (x < 2) { return "Less than two"; } else { return "Greater than or equal to two"; } } 두번째 함수 bar function bar(x) { if (x < 2) { return "Less than two"; } else if (x < 1) { return "Less than one"; } else { return "Greater than or equal to two"; } } x에 0을 대입했을 때 나오는 결과 값은 foo(0)..