자바스크립트 속성 및 메서드

王林
풀어 주다: 2023-05-09 11:36:37
원래의
564명이 탐색했습니다.

JavaScript는 널리 사용되는 웹 프로그래밍 언어입니다. 다른 프로그래밍 언어와 마찬가지로 JavaScript에는 속성과 메서드라는 개념이 있습니다. 이 문서에서는 JavaScript 속성 및 메서드의 개념, 사용법 및 예를 소개합니다.

1. 속성

속성은 객체의 특성 또는 특징입니다. JavaScript 객체는 키-값 쌍으로 구성됩니다. 여기서 키는 속성 이름이고 값은 속성 값입니다. 속성 값은 문자열, 숫자, 부울 값, 객체, 배열 등 모든 유형의 데이터가 될 수 있습니다.

  1. 속성 선언

다음 구문을 사용하여 속성을 선언할 수 있습니다.

objectName.propertyName = value;
로그인 후 복사

이 구문에서 objectName은 개체 이름, propertyName은 속성 이름, value는 속성 값입니다.

예는 다음과 같습니다.

var person = new Object();
person.age = 30;
person.name = "John Doe";
로그인 후 복사

이 코드는 person이라는 개체를 생성하고 여기에 age와 name이라는 두 가지 속성을 추가합니다.

  1. 속성 액세스

다음 구문을 사용하여 속성에 액세스할 수 있습니다.

objectName.propertyName
로그인 후 복사

예는 다음과 같습니다.

var person = new Object();
person.age = 30;
person.name = "John Doe";

console.log(person.age); //输出:30
console.log(person.name); //输出:"John Doe"
로그인 후 복사

이 코드는 사람의 두 가지 속성 값인 나이와 이름을 출력합니다.

  1. 속성 삭제

다음 구문을 사용하여 속성을 삭제할 수 있습니다.

delete objectName.propertyName;
로그인 후 복사

예는 다음과 같습니다.

var person = new Object();
person.age = 30;
person.name = "John Doe";

delete person.age;

console.log(person.age); //输出:undefined
console.log(person.name); //输出:"John Doe"
로그인 후 복사

이 코드는 사람 개체의 연령 속성을 삭제합니다.

2. 메소드

메소드는 객체가 수행할 수 있는 작업입니다. 메소드는 객체의 기능입니다. 메소드는 일반적으로 객체의 상태를 수정하거나 일부 작업을 수행하는 데 사용됩니다.

  1. 메서드 선언

메서드는 다음 구문으로 선언할 수 있습니다.

objectName.methodName = function() {
    //方法代码
};
로그인 후 복사

이 구문에서 objectName은 개체 이름이고 methodName은 메서드 이름입니다. 메서드 코드는 중괄호({}) 안에 정의된 함수 코드입니다.

예는 다음과 같습니다.

var person = new Object();
person.age = 30;
person.getName = function() {
    return "John Doe";
}
로그인 후 복사

이 코드는 person이라는 개체를 생성하고 여기에 getName 메서드를 추가합니다.

  1. 메서드 호출

다음 구문을 사용하여 메서드를 호출할 수 있습니다.

objectName.methodName();
로그인 후 복사

예는 다음과 같습니다.

var person = new Object();
person.age = 30;
person.getName = function() {
    return "John Doe";
}

console.log(person.getName()); //输出:"John Doe"
로그인 후 복사

이 코드는 person 개체의 getName 메서드를 호출하고 메서드에서 반환된 값을 출력합니다.

  1. Delete 메소드

delete 키워드를 사용하여 객체를 삭제할 수 있습니다:

delete objectName.methodName;
로그인 후 복사

다음은 예입니다:

var person = new Object();
person.age = 30;
person.getName = function() {
    return "John Doe";
}

delete person.getName;

console.log(person.getName()); //输出:undefined
로그인 후 복사

이 코드는 person 객체의 getName 메소드를 삭제합니다.

3. 요약

JavaScript 속성과 메서드는 웹 프로그래밍에서 매우 중요하고 기본 개념이며 개체의 특성과 동작을 나타내는 데 사용할 수 있습니다. JavaScript 코드를 작성할 때 이러한 개념을 이해하고 익숙해지는 것이 중요합니다. 위의 예제를 통해 속성과 메서드의 사용법과 구문을 익히셨을 것입니다. 이 기사가 도움이 되기를 바랍니다.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!