자바스크립트 객체 프로토타입 (Object Prototypes)

모든 자바스크립트 객체는 프로토타입(prototype)에서 속성과 메소드를 상속받습니다. 이전 장에서 객체 생성자(object constructor)를 사용하는 방법을 배웠습니다: Example My father is 50. My mother is 48 function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eye; } var myFather = new Person(“John”, “Doe”, 50, “blue”); var myMother = new Person(“Sally”, “Rally”, 48, “green”); document.getElementById(“demo”).innerHTML = “My father is ” + myFather.age + “. My mother is ” + myMother.age; 또한 기존 객체 생성자(object constructo)에 새 속성을 추가할 수 없다는 것도 배웠습니다.: Example The nationality of my father is undefined function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; […]

자바스크립트 객체 생성자

Example My father is 50. // Constructor function for Person objects function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eye; } // Create a Person object var myFather = new Person(“John”, “Doe”, 50, “blue”); // Display age document.getElementById(“demo”).innerHTML = “My father is ” + myFather.age + “.”; name 생성자 함수는 맨처음 문자는 소문자로 시작하고, 각 단어의 첫문자를 대문자로 표기합니다(“camelCase” – 카멜표기법). 객체 Types (계획) (Classes) 이전 장의 예제는 제한적입니다. 단일 객체만 생성합니다. 때로는 같은 “type”의 많은 객체를 생성하기 위한 “계획(blueprint)”이 필요합니다. 객체 생성자 함수(object constructor function)를 사용하여, “object type”을 생성합니다. 위의 예에서 function Person()은 객체 생성자 함수입니다. new 키워드와 함께 생성자 […]

자바스크립트 객체 메소드

자바스크립트 메소드(Methods) 자바스크립트 메소드는 객체에서 수행할 수있는 작업(actions)입니다. 자바스크립트 메소드(method)는 함수 정의(function definition)를 포함하는 속성(property)입니다. Property Value firstName John lastName Doe age 50 eyeColor blue fullName function() {return this.firstName + " " + this.lastName;} 메소드는 객체 속성으로 저장되는 함수(functions)입니다. this 키워드 자바 스크립트에서 this라는 것은 자바스크립트 코드를 “소유(owns)”하는 객체(object)입니다. this의 값은, 함수에 사용될 때, 함수(function)를 “소유(owns)”하는 객체(object)입니다. this는 변수가 아닙니다. 이것은 키워드입니다. this의 값을 변경할 수 없습니다. 객체 메소드 액세스(Accessing Object Methods) 다음 구문을 사용하여 객체 메소드에 액세스합니다: objectName.methodName() 일반적으로 person 객체의 메소드(method)로 fullName()이라고 하고, 속성(property)으로 fullName이라고 설명합니다. fullName 속성은 ()로 호출 될 때 (함수로) 실행됩니다. 이 예제는 person 객체의 fullName() 메소드(method)에 액세스합니다: Example John Doe Creating and using an […]

자바스크립트 객체 속성

속성(Properties)은 모든 자바스크립트 객체에서 가장 중요한 부분입니다. 자바스크립트 속성(Properties) 속성은 자바스크립트 객체와 관련된 값입니다. 자바스크립트 객체는 정렬되지 않은 속성의 모음입니다. 속성은 일반적으로 변경, 추가 및 삭제할 수 있지만, 일부는 읽기 전용(read only)입니다. 자바스크립트 속성에 액세스 객체의 속성에 액세스하는 구문은 다음과 같습니다: objectName.property // person.age 또는 objectName[“property”] // person[“age”] 또는 objectName[expression] // x = “age”; person[x] 표현식(expression )은 속성 이름(property name)으로 평가되어야 합니다. Example 1 객체 속성에 액세스하는 2가지 방법이 있습니다: .property 또는 [“property”].를 사용할 수 있습니다. John is 50 years old. var person = { firstname:”John”, lastname:”Doe”, age:50, eyecolor:”blue” }; document.getElementById(“demo”).innerHTML = person.firstname + ” is ” + person.age + ” years old.”; Example 2 John is 50 years old. […]

자바스크립트 객체

자바스크립트에서 객체(objects)가 왕입니다. 객체를 이해해야 자바스크립트를 이해할 수 있습니다. 자바스크립트의 거의 “모든 것(everything)”이 객체입니다. Booleans는 객체가 될 수 있습니다 (new 키워드와 함께 정의하면) Numbers는 객체가 될 수 있습니다 (new 키워드와 함께 정의하면) Strings는 객체가 될 수 있습니다 (new 키워드와 함께 정의하면) Dates는 항상 객체입니다. Maths는 항상 객체입니다. Regular expressions는 항상 객체입니다. Arrays는 항상 객체입니다. Functions는 항상 객체입니다. Objects는 항상 객체입니다. primitives를 제외한 모든 자바스크립트 값(values)은 객체입니다. 자바스크립트 Primitives primitive value는 속성이나 메소드(properties or methods)가 없는 값입니다. primitive data type은 primitive value의 데이터 유형입니다. 자바스크립트는 primitive data types을 5가지 유형(types)으로 정의하고 있습니다(: string number boolean null undefined Primitive values는 불변(immutable)입니다 (이것은 하드 코딩되어 있으므로 변경할 수 없습니다). x = 3.14이면, x의 […]