오늘 한일
- Javascript 기초 공부
- 변수
- 타입
- 함수
변수
- 프로그래밍은 데이터를 처리하는 과정이다.
- 변수는 데이터를 저장하고 사용하는데 필요하다.
=은 수학적인 같다와는 다르다. '할당'의 의미를 가지고 있다.
let num = 1;
num = num + 2; // 3
num = num + 3; // 6
num = num + 4; // 10타입
- 타입은 변수를 기준을 나누어 구분하는 것이다.
- 크게 참고 자료형과 원시 자료형 두 가지가 있다.
원시자료형
원시 자료형
변경 불가능한 값
변수에 할당된 string, number, undefined, boolean은 그 값 자체를 변경하는 것이 아니라 값을 재할당 하여 변경 할 수 있다.
원시자료형의 종류
- string
- number
- undefined
- boolean
- null
- symbol (es6)
참조 자료형
참조 자료형
변경 가능한 값
object안에 있는 key,value 페어에 직접 접근해 변경하거나, Array의 값을 직접 변경 할 수 있다.
참조 자료형의 종류
- object (객체)
// 원시 자료형
let myName
typeof myName; // "undefined";
myName = 'reone';
typeof myName // "string";
typeof 123 // "number"
typeof true // "boolean"
typeof Symbol('123') // "symbol"
typeof null // "object"
// 참조 자료형
typeof [1,2,3] // "object"
typeof function(){} // "function"실제로 null의 타입은 object로 나타난다.
MDN 공식문서에 따르면 한가지 타입으로 보이지만,
사실은 그냥 변경 불가능한 값(?)으로서 원시자료형으로 분류된다.
function, object등은 object type의 종류 이며, null을 이용해 초기화 된다.
null과 undefined
null : 그 값을 강제로 비움. 또는, 타입이 올바르지 않음
undefined : 그 값이 정해지지 않음
함수
- 함수란 기능단위로 나누어 일을 처리할 수 있게 나눈 객체이다.
- 두 가지 선언 방법이 있다.
function greeting(name) { // 함수 선언식
return 'hello ' + name;
}
let sayGoodbye = function(name) { // 함수 표현식
return name + ' Goodbye';
}
let myName = 'jaewon';
greeting(myName); // 'hello jaewon'
sayGoodbye(myName); // 'jaewon Goodbye'함수 내부에 선언된 변수는 외부에서 접근할 수 없다.
현재 스코프 레벨에 따라 접근할 수 있는 값과 다른 값이 있다.
클로저를 통해 접근할 수 있는 방법이 있다.
참고자료
MDN Javascript Type
