자바 스크립트 객체에 대해 알아야 할 모든 것

객체 지향 프로그래밍 언어입니다. 객체는 가장 중요한 데이터 유형으로 간주되는 빌딩 블록을 형성합니다.프로그래밍 언어. 이 기사에서는 JavaScript 객체에 대한 심도있는 지식을 제공하고 다음 순서로 생성되고 정의되는 방법을 제공합니다.

자바 스크립트 팝업 메시지

• 자바 스크립트 개체
• 새 개체를 만드는 방법?
• 속성
• 행동 양식
• 접근 자
• 프로토 타입

자바 스크립트 개체

객체는 다른 속성과 속성으로 구성된 실제 객체와 유사합니다. 이러한 객체는 기본 또는 참조 유형 인 관련 데이터의 정렬되지 않은 컬렉션으로 정의됩니다. 이들은 '키 : 값'쌍의 형식으로 정의됩니다.

이 키는 변수 또는 기능 객체의 속성 및 메서드라고합니다. 다음과 같이 JavaScript 개체를 만들 수 있습니다.

let ObjectName = {Property1 : 'Value', Property2 : 'Value', ... ...}

새 개체를 만드는 방법?

새 개체를 만드는 방법에는 세 가지가 있습니다.

• 개체 리터럴 별

통사론:

객체 = {property1 : value1, property2 : value2 ..... propertyN : valueN}

예:

employee = {id : 700, name : 'Evan', salary : 30000} document.write (employee.id + ''+ employee.name + ''+ employee.salary)

산출:

700 에반 30000

• 개체의 인스턴스를 생성하여

통사론:

var objectname = new Object ()

예:

var emp = new Object () emp.id = 701 emp.name = 'Karan'emp.salary = 40000 document.write (emp.id + ''+ emp.name + ''+ emp.salary)

산출:

701 카란 40000

• 개체 생성자를 사용하여

인수로 함수가 생성됩니다. 각 인수 값은 다음을 사용하여 현재 개체에 할당 할 수 있습니다. 이 예어.

예:

function employee (id, name, salary) {this.id = id this.name = name this.salary = salary} emp = new employee (702, 'Neha', 35000) document.write (emp.id + ''+ emp .name + ''+ emp.salary)

산출:

702 Neha 35000

속성

에 특성 개체의 변하기 쉬운 그것은 객체에 부착됩니다. 객체에 대한 첨부를 제외하고는 기본적으로 JavaScript 변수와 동일합니다.

개체의 속성은 개체의 특성을 정의합니다. 다음과 같은 간단한 점 표기법을 사용하여 객체의 속성에 액세스 할 수 있습니다.

objectName.propertyName

값을 할당하여 속성을 정의 할 수 있습니다. 예를 들어, 차 다음과 같은 속성을 부여하십시오. 회사, 모델 , 및 색깔 . 다음과 같이 정의 할 수 있습니다.

var Car = new Object () Car.company = 'Ford'Car.model = 'Mustang'Car.color = 'Red'

행동 양식

에 방법 이다 함수 개체와 연결됩니다. 또한 개체의 속성입니다. 방법은 일반 기능으로 정의되지만 특성 개체의.

개체 메서드는 다음과 같이 액세스 할 수 있습니다.

objectName.methodName ()

예:

var person = {firstName : 'Tessa', lastName : 'Den', empid : 7100, fullName : function () {return this.firstName + ''+ this.lastName}}

산출:

테사 덴

일반적으로 사용되는 몇 가지 기본 제공 방법은 다음과 같습니다.

접근 자

JavaScript 접근자는 다음으로 구성됩니다. 게터 과 세터 개체 접근자를 정의하는 데 사용됩니다.

• Get 키워드

예를 들어 보겠습니다. 게터 하는 데 사용됩니다 가져 오기 속성 값 :

C C ++와 Java의 차이점

var person = {firstName : 'Daisy', lastName : 'Green', empid : 401, get id () {return this.empid}} document.getElementById ( 'demo'). innerHTML = person.id

산출:

401

• 세트 키워드

예를 들어 보겠습니다. 세터 하는 데 사용됩니다 세트 속성 값 :

var person = {firstName : 'Daisy', lastName : 'Green', empid : 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ( 'demo'). innerHTML = person .empid

산출:

401

프로토 타입

모든 JavaScript 객체는 프로토 타입의 속성과 메서드를 상속합니다. 예를 들면 :

• 데이트 객체는 Date.prototype
• 정렬 객체는 Array.prototype
• 사람 객체는 Person.prototype

자바 스크립트 원기 속성은 개체 생성자에 새 속성을 추가하는 데 사용됩니다.

예:

function Person (first, last, id, age) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

프로토 타입 속성을 사용하면 객체 생성자에 새 메서드를 추가 할 수도 있습니다.

예:

function Person (first, last, id, age) {// 생성자에 메소드 추가 this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + ''+ this.lastName}

자신 만의 프로토 타입을 수정할 수 있지만 표준 JavaScript 객체의 프로토 타입은 절대 수정할 수 없습니다.

이것으로 우리는 우리 기사의 끝까지 왔습니다. JavaScript 객체와이를 정의하는 다양한 방법을 이해 하셨기를 바랍니다.

이제 JavaScript Objects에 대해 알았으니 에듀 레카. 웹 개발 인증 교육은 HTML5, CSS3, Twitter Bootstrap 3, jQuery 및 Google API를 사용하여 인상적인 웹 사이트를 만들고 Amazon Simple Storage Service (S3)에 배포하는 방법을 배우는 데 도움이됩니다.

질문이 있으십니까? 'JavaScript Object'의 주석 섹션에 언급 해 주시면 다시 연락 드리겠습니다.