Way in Wayne

object

• [Javascript] 생성자 함수에 의한 객체 생성

  사부작사부작/Javascript 2022. 3. 1. 20:05

  #모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. Object 생성자 함수 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다. // 빈 객체의 생성 const person = new Object(); // 프로퍼티 추가 person.name = 'Won'; person.sayHello = function () { console.log('Hi! My name is ' + this.name); }; console.log(person); // {name: "Won", sayHello: ƒ} person.sayHello(); // Hi! My name is Won 생성자 함수에 의..

  Read More
• [Javascript]Property attribute

  사부작사부작/Javascript 2022. 2. 28. 21:12

  #모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드는 자바수크립트 엔진의 구현 알고리즘을 설명하기 위해 사용하는 의사 프로퍼티와 의사 메서드다. ECMAscript 사양에 등장하는 이중 대괄호([[...]])로 감싼 이름들이 내부 슬롯과 내부 메서드다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 있도록 외부 공개된 객체의 프로퍼티가 아니다. 다만, 일부 내부 슬롯과 메서드에 한하여 간접적으로 접근할 수 있다. 모든 객체는 [[protorype]]이라는 내부 슬롯을 갖는다. 이 내부 슬롯의 경우 __proto__를 통해 간접적으로 접근할 수 있다. const o = {}; // 내부 슬롯은 자바..

  Read More
• [Javascript] 얕은 복사에 대한 고찰

  사부작사부작/Javascript 2022. 2. 10. 23:34

  자바스크립트 스터디를 참여하고 있다. 활용하고 있는 책은 '모던 자바스크립트 Deep Dive'이다. 스터디 방식은 각 주차에 해당하는 내용을 정리해서 올리고, 또 스터디원들이 돌아가며 챕터에 대해 발표하는 식으로 진행하게 되는데, 내 차례에 '원시값과 객체의 비교'를 맡게 되었다. 핵심이 되는 내용은 당연히 객체의 복사 문제....... 자바스크립트로 처음 개발을 접하는 비전공생이라면 한번쯤은 여기서 다들 덜그럭거려봤을 거라고 생각한다(나만그랬나?) 그중에 발표 후에 질문 타임에서 얕은 복사에 대한 개념이 기존에 알고 있던 것과 다르다는 질문이 나왔다. 충분히(타당하게) 그렇게 생각할 수 있기에, 다시 한번 보자. 얕은 복사와 깊은 복사에 대한 모든 내용을 다룰 건 아니다. ( 아얘 처음 듣는 이야기라..

  Read More
• [Javascript]객체 리터럴

  사부작사부작/Javascript 2022. 2. 1. 15:29

  #모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 객체 자바스크립트는 객체 기반의 프로그래밍 언어이다. 원시값을 제외한 나머지 모두 객체이다. 객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적 자료구조이다. 원시 타입은 변경 불가능한 값이지만, 객체 타입의 값은 변경 가능한 값이다. 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용하여 값을 생성하는 표기법이라고 배웠다. 객체 리터럴은 결국 객체를 표기하기 위한 표기법인 것이며, 중괄호({})내에 0개 이상의 프로퍼티를 작성하여 정의한다. 프로퍼티를 작성하지 않으면 빈 객체가 생성된다. 여기서 중괄호는 코드블록을 의미하지 않는 다는 것에 주의하자! let person = { name: 'Lee', // 프로퍼티 sa..

  Read More