2023. 4. 4. 11:17ㆍ개발/HTML+CSS+JS
[JSB] 선언의 범위 (scope)
관련 글 함께 보기 [JSB] 객체 생성 객체 Object 타입의 핵심 key-value 형태로 생성된다. 기본적인 객체 생성 let person = { name: "파울로 코엘료", age: 43, gender: "남자", book: "순례자", }; console.log(person) consol
youngsimi.tistory.com
[JSB] 객체 생성
객체 Object 타입의 핵심 key-value 형태로 생성된다. 기본적인 객체 생성 let person = { name: "파울로 코엘료", age: 43, gender: "남자", book: "순례자", }; console.log(person) console.log(typeof person) 생성자 함수를 사
youngsimi.tistory.com
[JSB] 객체 속성 접근
객체 속성 접근 방법 ObjectName. Keyname 접근 / ObjectName['Keyname'] 접근 let writer = { name: "김초엽", age: 31, gender: "여자", book: "우리가 빛의 속도로 갈 수 없다면" }; console.log("------------------------------"); // 1)
youngsimi.tistory.com
[JSB] 객체 메소드, 객체 비교, 객체 병합
객체 메소드 (Object.~) Object.keys() Object.values() Object.entries() Object.assign() 객체 비교 객체 병합 객체 메소드 (Object.~) Object.keys() 메소드 Object.keys() 메소드는 객체의 속성 이름을 배열로 반환 let objWriter
youngsimi.tistory.com
전역 스코프(global scope)
예제
// 전역 스코프에서 변수를 선언함. 전역변수.
let x = 10;
function printX() {
// 소스코드 어디서든... 변수 x를 참조 할 수 있음.
console.log(x);
}
printX();
console.log(x);
설명
전역 스코프에서 선언된 변수는 소스코드 어디에서든 참조가 가능하다.
에러
선언되지 않은 변수를 참조하면 에러가 발생한다.
// 전역 스코프에서 변수를 선언함. 전역변수.
let x = 10;
function printX() {
// 소스코드 어디서든... 변수 x를 참조 할 수 있음.
console.log(x);
}
printX();
console.log(x);
// 선언되지 않은 변수를 참조하면... 에러 발생
console.log(y);
지역 스코프(local scope)
예제
function printX() {
// 지역 스코프에서 변수를 선언함. 지역변수.
let x = 10;
console.log(x);
}
// 해당 지역, 즉 printX 함수 안에서만 변수 x를 참조할 수 있음.
printX();
설명
지역 스코프에서 선언된 변수는 해당 지역 내에서만 참조가 가능하다. 소스코드 어디에서도 참조가 가능하다.
에러
해당 변수가 선언된 지역이 아닌 곳에서 지역변수를 참조하게 되면 에러가 발생한다.
블록 스코프(block scope)
예제
if (true) {
let x = 10;
console.log(x);
}
설명
if 블럭 내에서 선언된 변수는 if 블럭 내에서만 사용 가능하다.
에러
if 블럭이 아닌 곳에서 함수를 참조하면 에러가 발생한다.
'개발 > HTML+CSS+JS' 카테고리의 다른 글
[JS] 객체 메소드, 객체 비교, 객체 병합 (0) | 2023.04.04 |
---|---|
[JS] 객체 속성 접근 방식 (0) | 2023.04.04 |
[JS] 객체 생성 (0) | 2023.04.04 |
[드림코딩] 프론트엔드 개발자 입문편: CSS (1) - 셀렉터 (0) | 2023.03.23 |
[드림코딩] 프론트엔드 개발자 입문편: HTML (1) (0) | 2023.03.23 |