메소드 속성 자바스크립트

1. 개요

JavaScript에서 메서드와 속성은 객체의 두 가지 중요한 구성 요소입니다. 메소드는 객체의 동작이고 속성은 객체에 대한 설명입니다. 메서드와 속성은 JavaScript의 객체 지향 프로그래밍에서 중요한 역할을 합니다. 이 기사에서는 예제를 사용하여 메소드 속성에 대한 관련 지식을 소개합니다.

2. 속성

JavaScript에서 개체의 속성은 기본 값(예: 문자열, 부울 값, 숫자 등) 또는 개체일 수 있습니다. 속성은 데이터 속성과 접근자 속성의 두 가지 유형으로 나뉩니다. 데이터 속성은 객체에 직접 저장되는 반면, 접근자 속성은 값을 직접 저장하지 않고 getter 및 setter 함수 쌍을 정의합니다.

1. 데이터 속성

데이터 속성은 데이터 값이 포함된 개체 속성입니다. 데이터 속성에는 쓰기 가능, 열거 가능, 구성 가능, 값이라는 동작을 설명하는 네 가지 특성이 포함됩니다. 이 네 가지 특성은 Object.defineProperty 메소드를 통해 제어할 수 있습니다.

//예제 코드
let obj = {};
Object.defineProperty(obj, 'name', {
value: 'Xiao Ming',
writable: false, //not writable
enumerable: true, //enumerable 예를 들어
configurable: false //Not configurable
});

2. Accessor Properties

Accessor 속성은 속성 값을 가져오고 설정할 때 실행되는 함수입니다. 접근자 속성에는 getter 함수와 setter 함수라는 두 가지 메서드가 포함됩니다. 이 두 메소드는 정의될 때 각각 get 및 set 두 키워드에 해당해야 합니다.

//예제 코드
let obj = {
_name: 'Xiao Ming',
get name(){

return this._name

},
set name(value){

console.log('更新了名字')
this._name = value

}
}
obj.name = 'Xiaohong '
console.log(obj.name) //출력: Xiaohong

3. Methods

메소드는 객체의 동작입니다. JavaScript의 메소드는 특수 함수입니다. 메소드를 사용하여 객체의 복잡한 동작을 구현합니다.

1. 객체 메소드

객체 메소드는 객체의 속성인 함수를 말합니다. 객체 메서드는 일반적으로 객체 자체를 참조하기 위해 this 키워드를 사용합니다.

//예제 코드
let obj = {
name: 'Xiao Ming',
sayHi: function(){

console.log(`Hi, 我的名字是${this.name}`)

}
}
obj.sayHi() //출력: 안녕하세요, 제 이름은 Xiao Ming입니다

2. Prototype 메소드

Prototype 메소드는 생성자의 프로토타입 속성인 함수를 말합니다. 프로토타입 메서드는 일반적으로 this 키워드를 사용하여 인스턴스 개체를 참조합니다.

//예제 코드
function Person(name){
this.name = name
}
Person.prototype.sayHi = function(){
console.log(Hi, 我的名字是${this.name})
}
let person = new Person('Xiao Ming')
person.sayHi() //출력: 안녕하세요, 제 이름은 Xiao Ming입니다

3. Static 메서드

Static 메서드는 객체를 인스턴스화할 필요가 없는 메서드이며 생성자를 통해 직접 호출됩니다. 정적 메서드는 일반적으로 클래스 이름을 사용하여 참조됩니다.

//예제 코드
class 계산기{
static add(a, b){

return a + b

}
static subtract(a, b){

return a - b

}
}
console.log(Calculator.add(1, 2 )) //출력: 3

IV. 요약

메서드와 속성은 객체의 두 가지 중요한 구성 요소입니다. 메소드 속성을 마스터하는 것은 JavaScript 객체 지향 프로그래밍에 매우 중요합니다. 코드를 작성할 때 데이터 속성, 접근자 속성, 객체 메서드, 프로토타입 메서드 및 정적 메서드를 유연하게 사용하여 코드를 더욱 우아하고 간결하며 유지 관리하기 쉽게 만들어야 합니다.

위 내용은 메소드 속성 자바스크립트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!