리터럴 객체 this

본문 바로가기

리터럴 객체 this

작성일 2024.05.12댓글 1건
    게시물 수정 , 삭제는 로그인 필요

var toyRobot = { 
productId: "123-12",
name: "Robot",
price : "25,000",
madeIn : "Korea",
quantity: 10 
}
document.write(`가격은 ${this.price}원 입니다.`)

리터럴 객체를 만들었는데 왜 여기서 this가 먹지 않을까요?



#리터럴 객체 #javascript 리터럴 객체 #객체 리터럴 방식 #객체 리터럴 함수 #es6 객체 리터럴

profile_image 익명 작성일 -

var toyRobot = { productId: "123-12", name: "Robot", price : "25,000", madeIn : "Korea", quantity: 10 } document.write(`가격은 ${this.price}원 입니다.`) // 현재 scope 에서 this 는 전역입니다. // 여기에서는 price 가 보이지 않습니다.

아래와 같이 해주어야 합니다.

document.write(`가격은 ${this.toyRobot.price}원 입니다.`)

또는 당연히 아래와 같이 해도 됩닏.

document.write(`가격은 ${toyRobot.price}원 입니다.`)

​

연관된 질문 답변 리스트

자바스크립트 질문

... 구성되는 리터럴 객체를 정의해야 하는데요. 메소드는 축약해서... { this.o.dist += dist; }, toString() { return `소유자 : ${this.o.owner} 차량번호 : ${this.o.num}...

JavaScript의 객체 함수...

... return 문장에서 값 부분에는 변수, 리터럴, 혹은 수식 등 각종 형태가 모두... this는 "현재 객체"를 나타내는 자바스크립트 예약어로, 여기서는 this가 student...

백엔드 웹 국비 커리큘럼 1 vs 2...

... 클로저 this 키워드 호이스팅 ES6 기본 블록 스코프, let, const 클래스 강화된 객체 리터럴 화살표 함수 매개변수 기본값 나머지 매개변수 전개 구문 비구조화...

자바스크립트 질문

... 사용자 객체 만드는 세가지가 new Object() 리터럴 표기법... // constructor function function Book(name, author, year, price){ this.name = name; this.author...