Link Search Menu Expand Document

Objects Methods

Table of contents

  1. JavaScript Methods
    1. Object Methods
    2. Accessing Object Methods
    3. Adding a Method to an Object
    4. Using Built-In Methods

JavaScript Methods

Object Methods

Methods : 객체에서 수행할 수 있는 함수

▸ 메소드는 속성으로 저장된 함수라고 보면 됨

▸ 객체 속성은 기본 값, 다른 객체 및 함수가 될 수 있음

예시

PropertyProperty Value
firstNameJohn
fullNamefunction() {return this.firstName + “ “ + this.lastName;}
var person = {
  firstName: "John",
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Accessing Object Methods

Syntax

  1. objectName.methodName()

  2. name = person.fullName();

→ ()없이 사용하면 함수 정의를 불러옴

var person = {
  firstName: "Kwon",
  lastName: "Grace",
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

function change(){
    document.getElementById("a").innerHTML = person.fullName()
}

Adding a Method to an Object

객체에 새로운 메소드 생성하기

예제

var person = {
  firstName: "John",
  lastName : "Doe",
  id     : 5566,
};
person.name = function() {
  return this.firstName + " " + this.lastName;
};

document.getElementById("demo").innerHTML =
"My father is " + person.name(); 

Using Built-In Methods

객체의 내장 메소드를 이용하기

예제

String 객체의 메서드 toUpperCase()를 사용하여 텍스트를 대문자로 변환

var message = "Hello world!";
var x = message.toUpperCase();
// x = HELLO WORLD!

이 웹사이트는 jekyll로 제작되었습니다. Patrick Marsceill, Distributed by an MIT license.