-
[javascript] 47. 객체 메소드(Object methods) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:31JavaScript Object Methods
1. JavaScript Methods
자바스크립트 메소드는 함수 선언을 포함하는 속성입니다.
Property Value firstName John lastName Doe age 50 eyeColor blue fullName function() {return this.firstName + " " + this.lastName;} [ 출처: W3Schools ]
2. Accessing Object Methods
아래 문법을 통하여 객체 메소드를 생성 할 수 있습니다:
methodName : function() { code lines }
아래 문법을 통하여 객체 메소드에 접근 할 수 있습니다:
objectName.methodName()
() 없이 메소드를 호출하면, 함수 선언을 반환하게 됩니다.
123456789101112131415161718192021222324<!DOCTYPE html><html><body><p>An object method is a function definition stored as a property value.</p><p>If you access it without (), it will return the function definition:</p><p id="demo"></p><script>var person = {firstName: "John",lastName : "Doe",id : 5566,fullName : function() {return this.firstName + " " + this.lastName;}};document.getElementById("demo").innerHTML = person.fullName;</script></body></html>cs 3. Using Built-In Methods
아래 예제는 toUpperCase() 메소드를 사용하여 문자열 객체를 대문자 문자로 바꾸는 예제 입니다.
123var message = "Hello world!";var x = message.toUpperCase();cs 결과는 아래와 같을 것입니다:
HELLO WORLD!4. Adding New Methods
객체의 메소드를 선언하는 것은 생성자 함수 안에서 해결 가능 합니다:
123456789function person(firstname, lastname, age, eyecolor) {this.firstname = firstname;this.lastname = lastname;this.age = age;this.eyecolor = eyecolor;this.changeName = function (name) {this.lastname = name;}}cs 객체를 생성해서 아래와 같은 작업을 하면 lastname이 바뀌게 됩니다:
1myMother.changeName("Doe");cs 'Web > JavaScript' 카테고리의 다른 글
[javascript] 50. 함수 매개변수(function parameters) - 자바스크립트 강좌 (0) 2015.06.13 [javascript] 49. 함수 선언(function definitions) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 48. 객체 프로토타입(Object prototype) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 46. 객체 속성(Object properties) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 45. 객체 선언(Object defination) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 44. 서식 API(Forms API) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13
