language/JavaScript 검색 결과

해당 글 15건

6. 객체지향 프로그래밍 (3)

6.3 캡슐화 캡슐화 : 기본적으로 관련된 여러 가지 정보를 하나의 틀 안에 담는 것 멤버 변수와 메서드 : 서로 관련된 정보 클래스 : 이것을 담는 하나의 큰 틀 중요한 것은 정보의 공개 여부 —> 정보 은닉 (information hiding) 예제 6-9 var Person = function(arg) { var name = arg ? arg : "zzoon"; this.getName = function() { return name; } this.setName = function(arg) { name = arg; } }; var me = new Person(); console.log(me.getName()); // zzoon me.setName("iamhjoo"); console.log(me.get..
language/JavaScript 2019. 12. 2. 19:35

6. 객체지향 프로그래밍 (2)

6.2 상속 자바스크립트는 클래스를 기반으로 하는 전통적인 상속을 지원하지는 않는다. 하지만 자바스크립트 특성 중 객체 프로토타입 체인을 이용하여 상속을 구현해낼 수 있다. 이러한 상속의 구현 방식은 크게 두 가지로 구분할 수 있는데, 하나는 클래스 기반 전통적인 상속 방식을 흉내 내는 것이고, 다른 하나는 클래스 개념 없이 객체의 프로토타입으로 상속을 구현하는 방식이다. —> 프로토타입을 이용한 상속 (Prototypal inheritance) 6.2.1 프로토타입을 이용한 상속 예제 6-4 function create_object(o) { // o를 부모로 하는 object 생성 function F() {} F.prototype = o; return new F(); } 이 코드는 더글라스 크락포드가 ..
language/JavaScript 2019. 11. 30. 22:03

6. 객체지향 프로그래밍 (1)

객체지향 언어로서 클래스 기반의 언어와 프로토타입 기반의 언어를 간단하게나마 구분하는 것이 필요. 클래스 기반의 언어 클래스로 객체의 기본적인 형태와 기능을 정의하고, 생성자로 인스턴스를 만들어서 사용할 수 있다 클래스에 정의된 메서드로 여러 가지 기능을 수행할 수 있다. Java, C++ 등 모든 인스턴스가 클래스에 정의된 대로 같은 구조이고 보통 런타임에 바꿀 수 없다. 프로토타입 기반의 언어 객체의 자료구조, 메서드 등을 동적으로 바꿀 수 있다. —> 정적 타입의 언어와 동적 타입의 언어의 차이와 거의 비슷하게 보임. 정확성, 안정성, 예측성 등의 관점에서 클래스 기반 언어가 프로토타입 기반의 언어보다 좀 더 나은 결과를 보장한다. 프로토타입 기반의 언어는 동적으로 자유롭게 객체의 구조와 동작 방식..
language/JavaScript 2019. 11. 29. 16:47

5. 실행 컨텍스트와 클로저 (3)

5.4 클로저 5.4.1 클로저의 개념 예제 5-7 function outerFunc() { var x = 10; var innerFunc = function() { console.log(x); } return innerFunc; } var inner = outerFunc(); /* outerFunc 실행 컨텍스트 종료 */ inner(); // 10 innerFunc()의 scope은 outerFunc 변수 객체와 전역 객체를 가진다. 그런데 여기서 innerFunc()은 outerFunc()의 실행이 끝난 후 실행된다. 그렇다면 outerFunc 실행 컨텍스트가 사라진 이후에 innerFunc 실행 컨텍스트가 생성되는 것인데, innerFunc()의 스코프 체인은 outerFunc 변수 객체를 여전히..
language/JavaScript 2019. 11. 28. 12:51

5. 실행 컨텍스트와 클로저 (2)

5.3 스코프 체인 스코프 체인은 어떻게 만들어질까? 스코프 체인을 알아야 변수에 대한 인식(Identifier Resolution) 매커니즘을 알 수 있고, 현재 사용되는 변수가 어디에서 선언된 변수인지 정확히 알 수 있다. 자바스크립트도 다른 언어와 마찬가지로 스코프, 즉 유효 범위가 있다. 이 유효 범위 안에서 변수와 함수가 존재한다. 다음은 C언어의 유효 범위를 확인할 수 있는 코드이다. void example_scope() { int i = 0; int value = 1; for (i = 0; i < 10; i++) { int a = 10; } printf("a : %d", a); // 컴파일 에러 if (i == 10) { int b = 20; } printf("b : %d", b); // 컴..
language/JavaScript 2019. 11. 27. 19:53

5. 실행 컨텍스트와 클로저 (1)

5.1 실행 컨텍스트 개념 콜 스택(call stack) : 함수를 호출할 때 해당 함수의 호출 정보 (C언어의 경우, 함수의 호출 정보 등으로 함수 내 지역 변수 혹은 인자값 등) 가 차곡차곡 쌓여있는 스택. 실행 컨텍스트 : 콜 스택에 들어가는 실행 정보 하나와 비슷. ECMAScript에서는 실행 컨텍스트를 ”실행 가능한 코드를 형상화하고 구분하는 추상적인 개념”으로 기술. 이를 앞에서 설명한 콜 스택과 연관하여 정의하면, ”실행 가능한 자바스크립트 코드 블록이 실행되는 환경”이라고 할 수 있고, 이 컨텍스트 안에 실행에 필요한 여러 가지 정보를 담고 있다. 여기서 말하는 실행 가능한 코드 블록은 대부분의 경우 함수! ECMAScript에서는 실행 컨텍스트가 형성되는 경우를 세 가지로 규정 : 전역..
language/JavaScript 2019. 11. 26. 17:38