[JS Tam9생활] #5 프로퍼티 속성과 생성자 함수에 의한 객체 생성

📒16 - 프로퍼티 어트리뷰트

[[]]

내부슬롯과 내부 메서드
JS엔진의 구현알고리즘을 설명하는 ECMA Script 사양의 의사 프로퍼티와 의사 메서드
개발자가 직접적으로 접근하거나 호출할 수 없지만 간접적으로 접근할 수 있는 일부 슬로과 메서드

[[Prototype]]

모든 객체가 갖는 내부슬롯
proto로 간접 접근 가능

const a = {}
a.[[Prototype]] // SyntaxError
a.__proto__ // Object.prototype

JS 엔진은 프로퍼티 생성시 프로퍼티어트리뷰트(프로퍼티의상태)를 기본값으로 정의

데이터 프로퍼티

키와 값으로 구성된 일반적인 프로퍼티
ex) [[Value]], [[Writable]]... 프로퍼티 생성시 [[Value]]값 : 프로퍼티 값으로 초기화됨

접근자 프로퍼티

접근자 함수로 구성된 프로퍼티(다른 데이터의 값을 읽을때 호출되는)
데이터 프로퍼티의 값을 읽고 저장할때 사용하는 접근자 함수로 구성된 프로퍼티

• 자체적으로 값을 가지지 않음

getter / setter

==접근자 함수
자체적으로 값을 가지지 않고 다른 데이터 프로퍼티의 값을 읽거나 저장할 때 사용하는 접근자 함수중 대표적인 함수들

객체 변경 방지

객체는 변경 가능한 값이어서 재할당 없이 직접 변경 가능 (프로퍼티 추가,삭제,갱신 가능)
단, 아래의 메서드들은 얕은 변경 방지로 중첩된 객체까지 동결할 수는 없다.

Object.seal : 객체밀봉
Object.freeze : 객체 동결

---

📒17 - 생성자 함수에 의한 객체 생성

객체의 생성방식 1) 객체 리터럴 방식 2) 생성자 함수 방식

1) 객체 리터럴 방식

직관적이고 간편한 객체 생성 방식이지만, 동일한 프로퍼티를 갖는 객체를 여러개 생성해야 할 때 번거롭다

2) 생성자 함수 방식

new 연사능로 인스턴스를 생성하는 함수 ( 빌트인 생성자 함수 : Object,String,Number...)
프로퍼티 구조가 동일한 객체 여러개를 만드는데 편리하다

생성자 합수의 인스턴스 생성 과정

new 연산자와 함게 생성자 함수를 호출하면 JS 엔진은 암묵적으로 인스턴스를 생성하고 초기화한후 반환한다.

바인딩: 식별자와 값을 연결하는 과정 (변수선언 : 식별자인 변수이름과 확보된 메모리주소를 바인딩 하는것 )

1. 런타임 이전에 암묵적으로 인스턴스가 생성되고 그것을 this에 바인딩
2. 인스턴스 초기화 : 인스턴스에 프로퍼티와 메서드를 추가한 후 전달받은 초기값으로 초기화
3. 인스턴스 반환: return 이 따로 없으면 인스턴스가 바인딩 된 this 반환

-> return 할 수도 있지만 생성자함수의 기본 동작을 훼손하기 때문에 지양

함수 객체

모든 함수는 호출할 수 있지만 생성자함수로서 호출할 순 없다
함수가 어디 할당된지가 아니라 함수정의방식에 따라 constructor,non-constructor을 구분한다.

constructor함수

[[Call]], [[Constructor]]
일반적인 함수정의 : 함수 선언문(funciton foo(){} , 함수 표현식var a = function foo(x){}, 클래스

non-constructor 함수

[[Call]]
메서드 const obj ={x(){} }, 화살표 함수cosnt a =()=>{}

함수를 그냥 선언하는 것과 new 로 생성하는 것엔 어떤 차이가 있나? [❓질문]

함수를 new연산자와 함께 호출하면 생성자 함수로 동작하게 되고 함수 내부메서드 [[Constructor]]가 호출된다.
생성자 함수의 this: 생성할 인스턴스를 가리킴
일반 함수(그냥 선언한 함수)의 this : 전역객체 window를 가리킴 (브라우저:window, nodejs: global)
따라서 생성자 함수는 첫글자를 대문자로해(파스칼케이스) 일반함수와 구분한다.

빌트인 생성자 함수(Object, String,Number,Boolean,Function,Array, Data,RegExp,Promie)는 new 없이 호출해도 동일하게 동작한다