자바스크립트 객체4 [Javascript] 객체 확장 표현식 ES2015가 도입되며 객체의 표현에서 간결한 문법들을 많이 지원하게 되었습니다. 1.키 이름과 값이 같은 경우 기존에 키 이름과 키 값이 동일한 경우에도 {키 이름: 키 값}으로 묶어서 표현했었습니다. let a = 1; let b = 1; let obj = { a: a, b: b }; 이런 경우에 ES2015에서는 다음과 같이 표현할 수 있게 되었습니다. let a = 1; let b = 1; let obj = { a, b }; 위의 경우처럼 키 값을 생략하게 되면 키의 이름을 통해 키 값을 지정하게 됩니다. 즉, 객체 변수 obj에 대입된 a와 b는 키의 이름이고, 이 이름을 통해 키 값 a=1 , b=1을 지정해 줍니다. 2. 계산된 키 값 넣기 계산된 키 값을 넣을 때 이전 버전에서는 키 값을 .. 2021. 5. 7. [Javascript] 객체와 클래스 이제 객체지향에 대해 한발짝 더 전진할 시간입니다. 예전에 객체에 대해서 정말 간단하게 설명한적이 있었는데 이번 포스트 부터 그 객체를 자세하게 다뤄보도록 하겠습니다. 0. 객체 객체란 속성(프로퍼티)과 행위(메소드)를 가진 물체(오브젝트)입니다. 하나 더 붙이자면 이름도 붙일 수 있어야하죠. 이 포스트 이전까지 객체를 다음과 같이 생성했었습니다. let car = { name: 'sedan', color: 'yellow', drive: function() { console.log("부릉"); } } console.log(car.name); car.drive(); 이러한 방식을 객체 리터럴 방식이라고 말했었습니다. 이 객체 리터럴 방식은 새로운 객체를 생성할 때 마다 전부 새롭게 입력해야하고, 런타임때 .. 2021. 3. 18. [Javascript] 객체 사용하기 객체를 들어가기전에 기본적인 객체 사용법을 이야기하겠습니다. 1. 객체 지난번에도 이야기했지만 객체는 상태(프로퍼티)와 속성(메소드)로 이루어져있다고 했습니다. (앞으로 용어의 통일성과 설명을 위해 프로퍼티와 메소드라는 이름으로 설명을 이어나가겠습니다.) 세가지 단어에 대한 설명을 덧붙이자면, 객체란 프로그램에서 활용하기 위해 취급하는 대상이고 프로퍼티는 객체의 상태나 특성을 나타내기 위한 정보, 메소드는 객체를 조작하기 위한 기능입니다. 2. 인스턴스와 인스턴스화 객체는 기본적으로 직접 접근하는 것을 허용하지 않습니다. 왜냐하면 외부에서 객체 원본에 직접 접근하여 데이터를 손상시키거나 바꿔버릴 수 있는 위험에 대해 방지하고, 두 개 이상의 장소에서 같은 데이터에 대해 값을 수정하려고 하면 오류가 발생합.. 2021. 3. 2. [Javascript] 객체 객체(object)란, 프로퍼티와 메소드로 이루어진 것입니다. 실생활에서 보이는 모든 사물들을 객체라고 할 수가 있습니다. 처음 이해할땐 객체라는 모호한 의미를 주변 사물에 대입해서 생각해보면 쉽게 이해할 수 있습니다. 예를 들면 핸드폰이라는 객체는 켜다, 끄다, 재생하다, 전화걸다 등의 기능(메소드)을 가지고있고, 무게, 색상, 제조사와 같은 속성(프로퍼티)를 가졌다 라고 할 수 있습니다. 1. 객체 객체는 프로퍼티와 메소드(속성과 기능)로 이루어져있다고 했습니다. 서두의 예시에서 보이듯이 메소드는 어떤 객체를 조작하고 활용하게 하는 기능이고, 속성은 객체에 대한 정보를 담고 있습니다. 2. 자바스크립트의 객체 자바스크립트에는 크게 세종류의 객체가 있습니다. 1. 내장 객체 내장 객체는 자바스크립트에 .. 2021. 2. 26. 이전 1 다음 300x250
