문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
|
wiki:javascript:javascript_note:js_object_methods [2021/04/29 15:14] emblim98 |
wiki:javascript:javascript_note:js_object_methods [2023/01/13 18:44] (현재) |
||
|---|---|---|---|
| 줄 70: | 줄 70: | ||
| ====Example==== | ====Example==== | ||
| <code javascript> | <code javascript> | ||
| + | let person = { | ||
| + | firstName: " | ||
| + | lastName: " | ||
| + | id: 0070, | ||
| + | fullName: function () { | ||
| + | return this.firstName + " " + this.lastName; | ||
| + | } | ||
| + | }; | ||
| + | document.getElementById(" | ||
| </ | </ | ||
| \\ | \\ | ||
| 줄 76: | 줄 85: | ||
| 소괄호 ()없이 fullName **프로퍼티**에 액세스하면, | 소괄호 ()없이 fullName **프로퍼티**에 액세스하면, | ||
| <code javascript> | <code javascript> | ||
| + | let person = { | ||
| + | firstName: " | ||
| + | lastName: " | ||
| + | id: 0070, | ||
| + | fullName: function () { | ||
| + | return this.firstName + " " + this.lastName; | ||
| + | } | ||
| + | }; | ||
| + | document.getElementById(" | ||
| </ | </ | ||
| \\ | \\ | ||
| =====Using Built-In Methods===== | =====Using Built-In Methods===== | ||
| + | 다음 예제에서는 String 오브젝트의 '' | ||
| + | \\ | ||
| + | <code javascript> | ||
| + | let message = "Hello world!"; | ||
| + | let x = message.toUpperCase(); | ||
| + | </ | ||
| + | \\ | ||
| + | 위 코드를 실행 한 후 x의 값은 다음과 같습니다: | ||
| + | < | ||
| + | HELLO WORLD! | ||
| + | </ | ||
| + | =====Adding a Method to an Object===== | ||
| + | 오브젝트에 새로운 메서드를 추가하는 것은 쉽습니다.\\ | ||
| + | ====Example==== | ||
| + | <code javascript> | ||
| + | let person = { | ||
| + | firstName: " | ||
| + | lastName: " | ||
| + | id: 4775 | ||
| + | }; | ||
| + | person.name = function () { | ||
| + | return this.firstName + " " + this.lastName; | ||
| + | }; | ||
| + | |||
| + | document.getElementById(" | ||
| + | "My father is " + person.name(); | ||
| + | </ | ||