SoloLearn JS 번역

Methods

메소드

• Methods are functions that are stored as object properties.
  • 메소드는 객체 속성으로 저장되는 함수다.

• Use the following syntax to create an object method:
  • 다음 구문을 사용해서 객체 메소드를 생성한다.

methodName: function() {
   code lines
}

• Access an object method using the following syntax:
  • 다음 구문을 사용해서 객체 메소드에 액세스한다.

objectName.methodName();

• A method is a function, belonging to an object.
  • 메소드는 객체에 속하는 함수다.
• It can be referenced using the this keyword.
  • this 키워드를 사용해서 참조할 수 있다.
• The this keyword is used as a reference to the current object, meaning that you can access the objects properties and methods using it.
  • this 키워드는 현재 객체에 대한 참조로 사용된다.
  • 즉, this 키워드를 사용해서 객체 속성 및 메소드에 액세스할 수 있다.

• Defining methods is done inside the constructor function.
  • 메소드 정의는 생성자 함수 내에서 수행된다.

• For example:

function person(name, age) {
   this.name = name;
   this.age = age;
   this.changeName = function(name) {
      this.name = name;
   }
}

var p = new person("David", 21);
p.changeName("John");

document.write(p.name);	// John

코드 실행 확인

• In the example above, we have defined a method named changeName for our person, which is a function, that takes a parameter name and assigns it to the name property of the object.
  • person에서 changeName이라는 메소드를 정의했다.
  • 이 메소드는 매개변수 name을 가져와서, 객체의 name 속성에 지정하는 함수이다.
• this.name refers to the name property of the object.
  • this.name은 객체의 name 속성을 참조한다.

The changeName method changes the object’s name property to its argument.

changeName 메소드는 객체의 name 속성을 해당 인수로 변경한다.

• You can also define the function outisde of the constructor function and associate it with the object.
  • 생성자 함수 외부에서 함수를 정의하고, 이를 객체와 연결할 수도 있다.

function person(name, age) {
   this.name = name;
   this.age = age;
   this.yearOfBirth = bornYear;
}

function bornYear() {
   return 2016 - this.age;
}

• As you can see, we have assigned the object’s yearOfBirth property to the bornYear function.
  • 보다시피, 객체의 yearOfBirth 속성을 bornYear 함수에 할당했다.
• The this keyword is used to access the age property of the object, which is going to call the method.
  • this 키워드는 메소드를 호출할 객체의 age 속성에 액세스하는 데 사용된다.

Note that it’s not necessary to write the function’s parentheses when assigning it to an object.

함수를 객체에 할당할 때, 함수의 괄호는 작성할 필요가 없다.

• Call the method as usual.
  • 평상시처럼 메소드를 호출해라.

function person(name, age) {
   this.name = name;
   this.age = age;
   this.yearOfBirth = bornYear;
}

function bornYear() {
   return 2016 - this.age;
}

var p = new person("A", 22);

document.write(p.yearOfBirth());	// 1994

코드 실행 확인

Call the method by the property name you specified in the constructor function, rather than the function name.

함수 이름 대신, 생성자 함수에서 지정한 속성 이름으로 메소드를 호출해라.

QUIZ

• The “this” keyword in the mothod means:
  • 메소드에서 “this” 키워드는 …를 의미한다.

The current object

현재 객체

• Please associate the “testData” constructor function below with a method called “mymethod”:
  • “testData” 생성자 함수를 “mymethod”라는 메소드와 연결해라.

function testData(first, second) {
   this.first = first;
   this.second = second;
   this.checkData = mymethod;
}

• In order to use the object’s properties within a function, use:
  • 함수 내에서 객체의 속성을 사용하기 위해 …를 사용한다.

this keyword