들어가기 앞서..
이번 TIL은 자바스크립트 기초에 다시 익히면서 작성하게 되었습니다.
선언과 변수, 등에 대해서 알아봅니다.
모든 이론이 포함된 내용은 아니며 알게된 내용, 중요하게 생각하는 내용을 작성하였습니다.
무엇을 배울까 ?
변수, 선언 , 데이터 , 함수
선언의 종류
명시적 선언 (let, var ,const)로 선언하는것
let name = 'lee'
var num = 0
const color= 'red'암시적 선언 등호만 사용해서 선언 하는 것
num = 0
name = 'lee'Var , let, const 의 차이점
Var
변수의 중복선언이 가능하다. 그래서 큰 프로젝트시 위험성이 있다.
왜냐하면 협업하다보면 위에서 할당한 값을 까먹고 다시 할당하거나 다른이가 재할당 할수 있기 때문이다 할당이 자주 변경되서 오류 발생하게 된다.
Let
중복선언이 되지 않는다.
이미 선언되어 있다는 오류 발생한다.
중복으로 선언한다면 마지막에 선언된것으로 변경된다. 안정성이 있다.
Const
중복선언이 되지 않는다. 이미 선언되어 있다는 오류 발생한다.
const는 변수에 할당된 데이터가 변경되지 않는다.
let은 암시적 선언으로 선언해도 값이 변경된다
Const 는 암시적 선언으로 선언한 값으로 변경되지 않는다 .
const키워드로 선언한 변수는 데이터를 변경할 수 없어서 변수가 아니라
상수 라고 부른다.
변수의 선언 중 지켜야 할것
변수의 선언
1. 카멜케이스 방법으로 작성합니다
카멜 케이스 방법은 단어의 첫글자는 소문자, 그리고 연결된 단어의 첫글자는 대문자로 작성 하는 것이다.
ex) myName = lee , youName = lee
-
변수 이름은 _, $, 문자로만 시작해야 한다.
숫자로 시작하거나 이외의 특수문자는 에러가 발생한다. -
상수나 축약어는 대문자와 스네이크케이스 방식으로 작성한다.
스네이크 방식은 단어를 언더바로 연결하는 작성법이다.
Const HTML (축약어)
Const MAX_LEVEL (대문자, 스네이크케이스 작성방법 ) -
예약어는 사용 할 수 없다.
예약어는 var, let, const, typeof 등등이 있다.
즉, Const var =10; 변수 선언 키워드로 변수 이름을 지을수 없다.
이럴경우 자바스크립트에서 에러로 취급이 된다.
데이터
데이터= 값 + 값의 유형 이다.
자료형이란 값이 가질수 있는 여러 가지 유형을 구분한 개념
원시 타입 , 참조타입이 있다.
원시타임 - 숫자형, 문자열형, 논리형, null , undefined symbol
참조타입 - 배열, 객체 , 함수
숫자형= 숫자
말그대로 숫자이다.
num = 1;
문자열형= “” , ‘’ 으로 감싸진 값
만약 문자에 작은따옴표,큰따옴표가 모두 포함되어 있다면 ?
이스케이프 문자인 역슬래시를 사용!!
역슬래시 기호를 넣어주면 따옴표를 순수하게 문자로 인식시켜준다.
“I’m Fine Thank you!\”and you?\””;
결과 ) I’m Fine Thank you!”and you?"
Undefined, null
자바스크립트는 데이터를 선언할때 값이 할당되기 전까지 undifined를 넣어둔다. ( 자바스크립트가 자동으로 넣어준다)
null은 명시적으로 변수 공간이 비어있음을 의미한다.
값이 의도적으로 비어졌다라는 것을 나타내준다.
논리형 = true , false
불리언이라고 취급한다.
배열 = [ ]
하나의 변수에 여러개의 데이터를 할당 하고 싶을때 사용한다.
모든 데이터를 포함 할 수 있다. 쉼표로 구분한다.
인덱스 번호로 값에 접근할수 있다. 배열[0],배얄[1]
0부터 시작
인덱스의 예 )
let index=[3,4,5,6]
index[0] //값은 3이 나온다.
객체 = { }
키와 값을 넣는다. 키 : 값
let 점수 = {국어 :10 , 영어 : 70 }
속성에 접근하려면 두가지 방법이 있다.
1. 대괄호 를 사용한다.
ex) 점수["국어"]
객체[“키”] 키는 문자열로 작성해야 한다. <- 따옴표를 포함해라
- 점 연산자로 접근한다 .
객체.키
ex) 점수.국어
키값을 할당할때 문자열처럼 “” ‘’ 따옴표를 넣을수 있는데
장점은 띄어쓰기를 포함할수 있다.
ex) let score={"국어 점수" : 10, 영어 : 17 }
score["국어 점수"]
단점은 점연산자로는 접근이 불가능하다.
함수 = function(){}
함수선언식과 함수표현식으로 선언할수 있다.
함수 선언식
Function 함수명() { 코드 }
function score() { console.log(score) }함수 표현식
Const 변수명 = function 함수명(){ 코드 }
const score = function ddd (){console.log(score)}변수의 이름으로 함수를 호출한다.
변수명(); => score()
함수명();은 안된다. => ddd() (x)
그래서 함수표현식에서는 함수명을 쓰지 않는다
= 익명함수 라 불린다.
Const 변수명 = funciton(){ 코드}
const score = function(){console.log(score)}
