https://www.w3schools.com/js/js_variables.asp
JavaScript Variables
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
1. var, let or const 차이
1) 변수 선언하는 container 이다.
2) 변수가 변한다면 var, let
3) 변수가 고정이다면 const
2. Data Types
1) Number은 따옴표 없이 표현한다.
2) 따옴표 있는 것은 다 String(문자열)이다.
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
3. Declaring a JavaScript Variable
1) 변수를 만드는 것을 선언한다고 한다.
2) var 변수이름; 하면 데이터가 빈상태로 선언 되었고 이 값을 undefined 라고 한다.
3) re-declare 할 수 있는데 이때는 let or const 불가하고, var 만 가능하다.
4. Let
1) let can not be redeclared.
2) let must be declared before use.
3) let have block scope. --> block scope(?) 자세히 알아보자
ex 1) 다시 선언이 안된다.
let x = "John Doe";
let x = 0;
ex 2) 사용전에 변수가 선언되어야 한다.
ex 3) block이 뭔지 봤더니 { } 이걸 block scope 라고 합니다.
{
let x = 2;
}
// 이구간은 let 선언한 변수 x를 사용할 수 없다. 그러나 var 변수 선언 사용이 가능하다.
5. Redeclearing Variables
1) redeclare 할 때 var을 쓴다.
2) block scope({ })에 따라 값이 다르다. --> 그냥 redeclare 한 순간부터 그 값이다.
var x = 10;
// Here x is 10
{
var x = 2; 여기 아래부터 그냥 x=2라는 값이다.
// Here x is 2
}
// Here x is 2
3) let 은 block scope에 따라 다르다. - 헷갈림 주의!
아까 let은 재선언이 안된다 했는데, block scop { } 범위 안은 재선언이 아니고 새로 선언하는것이다.
let x = 10;
// Here x is 10
{
let x = 2;
// Here x is 2
}
// 여기 다시 let 선언하면 redeclare 라고 생각해야한다. 그래서 불가능하다.
// Here x is 10
6. ReferenceError: 변수 에러
'JavaScript' 카테고리의 다른 글
퇴근 후 JS - Operators(연산자) (0) | 2023.03.17 |
---|---|
퇴근 후 JS - const (0) | 2023.03.17 |
퇴근 후 JS - Statements (0) | 2023.03.16 |
퇴근 후 JS- 데이터 표현 방법(innerHTML, console.log(), alert()document.write(). (0) | 2023.03.16 |
퇴근 후 JS-Tutorial 1(w3schools) (0) | 2023.03.16 |