TIL 2일차

홍인열·2021년 8월 24일
0

변수

let fruitA;
fruitA = apple;
///또는///
let fruitA = apple

변수선언과 변수할당, fruitA라는 변수가 선언됬고, 변수 fruitAapple이 할당 됬다. 선언과 할당을 따로 할 수도, 동시에 할 수도 있다.
중학교때 배운 x + 1 = y에서 x는 변수의 선언으로 보면되고 x = 2라고 변수에 2를 할당하면 y는 3을 얻게 된다. 이후 변수에 값을 재할당하기 전까지 그변수는 선언한 값을 가지고 있는다.

  • 변수선언 앞에 사용된 let은 선언된 변수의 값을 재할당이 가능하다는 의미를 가지고 있다.
  • let이 아닌const를 이용하여 변수를 선언 및 할당후 그변수는 재할당이 불가능하다.
  • 변수의 선언은 메모리에 특정부분을 변수의 이름으로 사용하겠다는 뜻이다.
  • 변수의 할당은 메모리의 특정부분에 특정 데이터를 보관하겠다는 뜻이다. 이때 데이터는 string, number, boolean, array, object, undefind, null일 수 있다.

타입

  • string : 문자타입을 가르키며 다음 형태로
String(데이터), "데이터", '데이터', `데이터`

string 타입을 만들 수 있다. 특징은 "Hello" + "world!" = "Hello world!"처럼 + 사용시 데이터가 이어진다.

  • number : 숫자를 가르키며, 다음 형태로
Number("숫자"), 123 /// **Number(true) = 1, Number(false) = 0, Number(null) = 0

number 타입을 만들수 있다. 숫자는 그냥 사용하면 된다. 특징은 연산이 가능하다는 것이다. 연산자로는 +,-,*,/,% 등으로 산술연산이 가능하다.

  • boolean : true, false 중 하나의 값을 말한다. 초기값이 falas인 것은 0, -0, null, false, NaN, undefined, 빈 문자열 ("")이 있다. 초기값이 true 인것은 문자열 "false"를 포함한 모든 다른 값이다.
  • undefind : 값을 할당하지 않은 변수.
  • null : 어떤값이 의도적으로 비어있음을 의미함. boolean 연산에거 false 취급.

함수

함수는 특정한 기능을하는 하나의 단위또는 부품이라고 생각 할 수 있다.
함수의 실행시 function(); 를 사용한다.
함수 실행시 parameter 위치에 들어가는 데이터를 arguments라고 한다.

  • 함수표현식
function sum(x, y) {
  let add = x + y;
  return add
}
///function이라는 keyword를 이용하여 sum이라는 함수 이름을 지정. parameter는 x, y 이다. {}안애 어떠한 기능을하는 코드를 작성한다.
  • 함수선언문
const sum = function (x, y) {
  let add = x + y;
  return add
}
///변수선언을하고 선언한변수에 익명함수를 할당하는 방식으로 함수를 만들 수 있다.
  • 화살표함수
const sum = (x, y) => {
  let add = x + y;
  return add
}
///익명함수의 function keyword를 없애고 parameter와 {}사이에 =>를 넣어 함수를 만들 수 있다.
///parameter가 하나인 경우 ()를 생략할 수 있다. parameter가 없을 경우 ()를 넣어야 한다.
///return 값만 반환하는 경우 {}와 return keyword를 생략 할 수 있다.
const arrayLength = (array) => return array.length;
                   ↓ ↓ ↓
const arrayLength = array => array.length;

조건문

turthy, falsy에 따라 특정 동작을 하도록 만든 명령.

if (1 === 2) {
  let work1 = true
  } if else (5 === 5) {
  let work2 = true
  } else {
  let work3 = end
  }    

()안 값이 true 또는 false인가에 따라서 특정 명령 문이 실행된다. 위의 경우에서는 머저 (1 === 2)는 false 이므로 work1은 실행되지 않고 if else로 넘어간다. ( 5 === 5)는 참이기 때문에 work2가 실행된다. 그리고 work2가 실행되면서 조건문은 종료되게되고 work3는 실행되지 않는다. if else, else 필요에 따라 자유롭게 추가하거나 제거할 수 있다.

profile
함께 일하고싶은 개발자

0개의 댓글