남기고 싶은 것들

🎉 프로토타입 프로토타입 객체 자바스크립트의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있다. ( ≒ 자바의 상속 개념 ) 이런 부모 객체를 프로토타입 객체 (프로토타입)라고 부른다. 아래 코드에서 person에 toString() 메소드가 없지만, 실행되는 이유는 person의 프로토타입에 toString() 메소드가 정의되어 있기 때문이다. var person = { name: '티스토리', age: '21' } console.log(person.toString()); // print >> [object Object] console.dir(person); // print >> { name: '티스토리', age: 21 } ECMAScript 명세서에는 자바스크립트의 모든 객체는 자신의 프로..

🎉 참조 타입의 특성 배열이나 함수도 객체다. === 참조 값으로 처리된다. var personA = { name : 'A', age : 15 } var personB = personA; // personB에도 personA가 가르키는 객체의 참조값이 저장된다. console.log(personB.name); // print >> A personB.name = 'B' console.log(personB.name); // print >> B 객체 비교 == 동등 연산자는 비교 대상이 기본 타입일 경우 값을 비교한다. 참조 타입일 경우 참조값을 비교한다. console.log(personA == personB); // print >> true console.log(personA ..

🎉 객체 타입 객체 생성 방법 (3가지) Object() 객체 생성자 함수 이용 객체 리터럴을 이용 생성자 함수 이용 Object() 생성자 함수 이용 var person = new Object(); person.name = '김이나'; person.age = '12'; console.log(typeof person); // print >> object console.log(person); // print >> { name: '김이나', age: 12 } 객체 리터럴을 이용 리터럴 : 표기법 중괄호({})를 이용해서 객체를 생성 { } 아무것도 적지 않으면 빈 객체 생성 { "프로퍼티 이름" : "프로퍼티 값" } 형태로 표기 프로퍼티 이름 - 문자나 숫자 프로퍼티 값 - 자바스크립트의 값을 나타내는 어..

인사이드 자바스크립트를 읽고 JavaScript를 이해해보자. JavaScript라는 프로토타입 기반의 객체지향 언어를 이해해보자. 그전에 프로토타입이 뭔지 이해해보자. 일단 회사 일을 해야하기 때문에 ES5 문법을 기준으로 보자. 🎉 JavaScript의 핵심 개념 객체 기본 데이터 타입인 boolean, number, string 특별한 값인 null, undefined 그 외의 JavaScript의 거의 모든 타입은 객체다. 함수 함수도 객체다. 그것도 일급 객체다. 프로토타입 모든 객체는 숨겨진 링크인 프로토타입을 가진다. ❓ 실행 컨텍스트와 클로저 자바스크립트는 자신만의 독특한 과정으로 실행 컨텍스트를 만들고 그 안에서 실행이 이루어진다. ❓ 자바스크립트는 클래스를 지원하지는 않지만 객체지향 프..

함수 정의 자바스크립트에서 함수를 생성하는 3가지 방법 함수 선언문 함수 표현식 Function() 생성자 함수 1. 함수 리터럴 function add(x, y){ return x + y; } 함수명은 선택사항 2. 함수 선언문 방식으로 함수 생성하기 function add(x, y){ return x + y; } // 자바스크립트 엔진에 의해 다음과 같은 함수 표현식 형태로 바뀐다. var add = function add(x, y){ return x + y; } 반드시 함수명이 정의되어 있어야 한다 3. 함수 표현식 방식으로 함수 생성하기 var add = function (x, y){ return x + y; }; var plus = add; console.log(add(3,4)); // 7 co..