원시값을 제외한 나머지 값은 모두 객체 이다.
객체는 관련된 데이터와 함수로 이루어지는데, 이는 객체안에서 프로퍼티랑 메소드라 부른다.
원시값은
string, number, boolean, undefined, symbol, null
변경 불가능한 값(변수가 아니라 값-불변성)
변수를 할당하면 실제값이 저장된다.
원시값을 갖는 변수를 다른 변수에 할당하면 원시 값은 복사되어 전달된다.(값에 의한 전달_pass by value)
객체는
원시값을 제외함 함수, 배열, 정규표현식등 나머지 모든것
변경 가능한 값
변수를 할당하면 참조값이 저장 된다
다른 변수에 할당하면 참조 값이 복사되어 전달 된다.(참조에 의한 전달_pass by reference.. 사실은 값에 의한 전달...뒤에 설명)
let x = 10;
function test(a) {
a = 10000;
}
test(x)
x /10
var cost =1000;
var bread = cost;
cost = 2000;
bread
1000
var score = 80;
var copy = score;
console.log(score,copy)
참조에 의한 전달은 참조값을 복사하므로, 동일한 객체를 가리킨다.
여러개의 식별자가 하나의 객체를 공유할 수 있다 .
그렇기 때문에 어느 한쪽이 객체를 변경하면 서로 영향을 받는다.
얕은 복사: 중첩되어 있는 객체의 참조값을 복사
깊은 복사: 중첩되어 있는 객체까지 모두 복사해서 원시값처럼 만듬
보통 객체지향 언어들은 new 연산자와 함께 생성자를 호출하여 인스턴스를 생성하는 방식으로 객체를 생성한다.
인스턴스
객체가 메모리에 저장되어 실제로 존재하는 것
자바스크립트는 프로토타입 기반 객체지향 언어로, 다양한 객체 생성 방법을 지워한다.
객체를 생성하기 위한 표기법
중괄호 이용
let person = {
//key: value
name: '제니',
age: 10,
height : 30,
weight : 40,
이력 : {'첫번째직장' : '하나', '두번째직장' : '둘'}
}
var 먹고싶은거 = {};
var key = '지금';
먹고싶은거[key] = '감자튀김';
console.log(먹고싶은거)
{지금: '감자튀김'}
프로퍼티: 객체의 값 또는 상태
메서드: 프로퍼티를 조작할 수 있는 동작
프로퍼티는 식별자 네이밍을 따라야 한다
만약에 이를 지키지 않으면 꼭 따옴표를 쓰자!
<프로퍼티 접근>
person.이력.첫번째직장 //하나
person['이력'].첫번째직장 //하나
1번은 마침표 프로퍼티 접근 연산자를 사용한 마침표 표기법
2번은 대괄호 프로퍼티 접근 연산자를 사용한 대괄호 표기법
이미 존재하는 프로퍼티에 값을 할당하면 프로퍼티 값이 갱신된다.
존재하지 않는 프로퍼티에 값을 할당하면 프로퍼티가 동적으로 생성되어 추가되고, 프로퍼티 값이 할당 된다.
var dinner = {
menu: 'pizza'
};
dinner.place = 'seoul';
console.log(dinner)
{menu: 'pizza', place: 'seoul'}
delete 연산자를 이용해 객체의 프로퍼티를 삭제한다.
delete dinner.menu;
console.log(dinner)
{place: 'seoul'}
프로퍼티 값으로 변수를 사용하는 경우, 변수 이름과 프로퍼티 키가 동일한 이름일때, 프로퍼티 키를 생략할 수 있다.
let a = 100;
let b = 200;
let 오브 = {
a:a,
b:b
};
console.log(오브)
{a: 100, b: 200}
let 오브 = {a,b};
문자열이나 문자열로 변환할 수 있는 표현식이 키로 올 수 있다.
이때는 대괄호로 묶어야 한다.
자바스크립트의 함수는 일급 객체이다.
그러므로 프로퍼티 값으로 이용할 수 있고, 이를 일반 함수와 구분하기 위해 메서드 라 부른다.
아무래도 메서드는 따로 정리해야 겠다.
엄청 많다.. 객체안에서 정리할 수 있는 문제가 아니다!!
뭔가 틀이 잡히는데 자세히 보면볼수록 더 알아가야 하는게 많은 자바스크립트
그래도 재밌다!!😆