첫 번째: JSON 메소드/객체 직접 수량
형식:
var 객체 이름 = {
변수 1: 변수 1의 값,
변수 1: 변수 1의 값,
…… ,
함수 1: function() {
함수 본문
},
함수 2: function() {
함수 본문
}//참고: 마지막 쉼표를 제거해야 합니다. .IE와 호환됩니다.
};
지침:
(1) 중괄호 안에 변수나 함수를 직접 입력하세요.
(2) 개체의 내용과 값은 콜론으로 구분되어
(3) 포함된 변수나 함수는 쉼표로 구분됩니다.
(4) 함수는 function(){}의 중괄호 안에 작성해야 합니다.
예:
var object name = {
name: "Vicky",
age: 26,
eat: function() {
alert('고기를 먹고 싶어요') ;
},
sleep: function() {
alert('I want sleep');
}
} 참고: 유사한 접근 방식을 익명 클래스라고도 합니다.
익명 클래스 예:
{
index: '//',
reg: new RegExp('^//.*$'),
css: "comment"
}
위 메소드는 클래스를 생성하지만 변수에 할당되지는 않습니다.
두 번째: 함수 메서드
형식:
function data() {
this.Variable 1 = 변수 1의 값;
this.Variable 2 = 변수 2의 값; …;
this.function1= function() {
함수 본문
};
this.function2= function() {
함수 본문
}
지침:
(1) this 키워드는 변수나 함수 앞에 작성해야 합니다.
(2) 개체의 내용과 값은 등호로 구분되고 쌍으로 표시됩니다.
(3) ) 포함된 변수나 함수는 세미콜론으로 구분됩니다.
(4) 함수는 function(){}의 중괄호 안에 작성되어야 합니다.
예:
function data() {
this.name="Vicky"";
this.age=26;
this.eat=function() {
alert( '고기를 먹고 싶어요');
this.sleep=function() {
alert('자고 싶어요')
}
세 번째 유형 : 프로토타입 모드
형식:
var 객체 이름 = {};
객체 이름.prototype.Variable 1 = 변수 1의 값
객체 이름.prototype.변수 2 = 변수 2의 값;
… 🎜>};
…
설명:
(1) 초기 개체 본문에 아무것도 정의할 필요가 없습니다. "프로토타입" 형식으로 정의됩니다.
(3) 객체의 내용과 값은 등호로 구분되어 있으며
(4) 포함된 변수 또는 함수는 세미콜론으로 구분됩니다. 세미콜론도 생략할 수 있습니다.
(5) 함수는 function(){}의 중괄호 안에 작성해야 합니다.
예:
var data =
data.prototype . name = "비키";
data.prototype.eat = function() {
alert('고기를 먹고 싶어요')
data.prototype.sleep= function() {
alert('I want sleep');
};
네 번째 방법: create 메소드
이 메소드는 Prototype JavaScript 구성 요소 라이브러리를 사용합니다. >형식:
var object name = Class.create();
Object.extend(object name.prototype, {
변수 1: 변수 1의 값,
변수 1: 변수 1의 값 ,
… ……
} );
참고:
(1) 객체는 Prototype 라이브러리의 Class.create() 함수를 사용하여 생성됩니다.
(2) 객체의 내용은 다음을 사용하여 생성됩니다. Prototype 라이브러리의 Object.extend() 함수.
(3) 확장 객체는 Object.extend 함수에 전달될 때 프로토타입을 가져와야 합니다.
(4) 확장 내용은 중괄호로 묶여 있습니다. 정의 형식은 JSON과 정확히 동일합니다.
예:
var data = Class.create();
Object.extend(dta.prototype, {
name: "Vicky",
age: 20,
eat: function() {
alert('고기를 먹고 싶어요');
},
sleep: function() {
alert('자고 싶어요')
}
});
실제로 JS 객체를 정의하는 다른 방법도 있습니다. 위의 네 가지 방법을 사용하여 정의를 결합할 수도 있는데, 이는 동적 언어로서 JS의 자유로움을 보여줍니다.
JS 객체를 생성하는 형식적인 방법은 다음과 같습니다.
var d1 = new Data()
JS 객체 변수를 참조하는 방법에는 두 가지가 있습니다.
(1) 점 참조, 예를 들어 , 데이터 이름.
(2) 데이터['이름']과 같은 배열 참조.