>  기사  >  웹 프론트엔드  >  JavaScript 튜토리얼: 처음으로 객체 알아보기

JavaScript 튜토리얼: 처음으로 객체 알아보기

黄舟
黄舟원래의
2016-12-22 15:45:171155검색

JavaScript 언어는 객체 지향이 아닌 객체 기반 언어입니다. 객체지향 언어라고 하는 이유는 주로 추상화, 상속, 오버로딩 등 객체지향 언어와 관련된 기능을 많이 제공하지 않기 때문입니다. 대신, 다른 언어로 생성된 복잡한 객체를 통합하여 매우 강력한 객체 시스템을 형성합니다.

JavaScript 언어는 객체 기반이지만 여전히 몇 가지 기본적인 객체 지향 특성을 가지고 있습니다. 필요에 따라 자체 개체를 생성하여 JavaScript의 범위를 더욱 확장하고 강력한 웹 문서 작성을 향상시킬 수 있습니다.

객체의 기본 지식

1. 객체의 기본 구조

자바스크립트의 객체는 속성과 메소드라는 두 가지 기본 요소로 구성됩니다. 전자는 객체가 필요한 행위를 구현하는 과정에서 정보의 로딩 단위를 구현하여 변수와 연관된다는 의미이고, 후자는 객체가 설계자의 의도에 따라 실행될 수 있어 특정 기능과 연관된다는 의미이다.


2. 객체 참조 방법

객체를 실제로 사용하려면 다음과 같은 방법으로 객체를 얻을 수 있습니다. JavaScript 내부 객체 참조, 제공 및 서버 환경에서 새로운 객체를 생성합니다. 즉, 개체를 참조하기 전에 개체가 존재해야 합니다. 그렇지 않으면 참조가 의미가 없으며 오류 메시지가 나타납니다. 위에서 우리는 JavaScript 참조 객체를 세 가지 방법으로 얻을 수 있음을 알 수 있습니다. 새 개체를 만들거나 기존 개체를 사용하십시오.


3. 객체 연산문

JavaScript는 순수 객체지향 언어가 아닙니다. JavaScript 디자인 객체지향 언어가 아닌 "객체 기반"이라고 부르는 이유는 JavaScript가 객체를 조작하기 위한 여러 명령문, 키워드 및 연산자를 제공하기 때문입니다.

For...in 문

의 형식은 다음과 같습니다.

For(알려진 개체 이름의 개체 속성 이름)

설명: 1. 이 명령문 함수는 알려진 개체의 모든 속성에 대해 작동하는 제어 루프입니다. 이를 달성하기 위해 카운터를 사용하는 대신 알려진 개체의 모든 속성을 변수에 반복적으로 설정하는 것입니다. 2. 이 문장의 장점은 객체의 속성 개수를 알지 못해도 연산이 가능하다는 점이다.

with 문

이 문을 사용한다는 의미는 다음과 같습니다. 문 본문 내에서 변수에 대한 모든 참조는 일부 코드를 저장하기 위해 이 개체의 속성으로 간주됩니다.

형식은 다음과 같습니다.

with object{

...}

with 문 뒤 중괄호 안의 모든 문은 끝에 있습니다. object 개체의 범위입니다.

이 키워드는

현재 항목에 대한 참조입니다. JavaScript에서는 개체 참조가 다단계 및 다방향이므로 한 개체에 대한 참조에는 다른 개체에 대한 참조가 필요한 경우가 많습니다. . 다른 개체가 다른 개체를 참조할 수 있으며 이로 인해 혼란이 발생할 수 있습니다. 이러한 이유로 JavaScript는 해당 개체를 현재 개체로 지정하기 위해 이 명령문을 제공합니다.

새 연산자

JavaScript의 객체 기능은 이미 매우 강력하지만. 그러나 훨씬 더 강력한 점은 디자이너가 특정 요구 사항을 충족하기 위해 필요에 따라 자신만의 개체를 만들 수 있다는 것입니다. New 연산자를 사용하여 새 개체를 만듭니다. 생성된 객체는 다음 형식을 사용합니다.

Newobject = new Object(Parameters table);

Newobject로 생성된 새 객체: 객체는 기존 객체입니다. 매개변수 테이블입니다. 의 명령문


4. 객체 속성에 대한 참조

객체 속성에 대한 참조는 다음 세 가지 방법 중 하나로 구현될 수 있습니다.

1. 이용 포인트(.) 운영자

university.Name="Yunnan Province"

university.city="Kunming City"

university.Date="1999"

대학이 기존 객체인 경우 이름, 도시, 날짜의 세 가지 속성이 있으며 값은 연산을 통해 할당됩니다.

2. 개체의 첨자를 통한 참조

university[0]=“Yunnan”

university[1]=“Kunming City”

University[2]="1999"

배열 형태로 속성에 액세스하면 루프 작업을 사용하여 해당 값을 얻을 수 있습니다.

3. 문자열 형식으로 구현

university["Name"]="Yunnan"

university["City"]="Kunming City"

university["Date"]="1999"


5. 객체 메소드에 대한 참조

JavaScript의 객체 메소드에 대한 참조는 매우 간단합니다.

형식: ObjectName.methods()

사실,methods()=FunctionName 메서드는 본질적으로 함수입니다. University 개체에서 showmy() 메서드를 참조하는 경우 다음을 사용할 수 있습니다.

document.write(university.showmy()) 또는 document.write(university)

위는 JavaScript 튜토리얼의 시작 인식 객체의 내용 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트(www.php.cn)를 주목하세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.