>  기사  >  웹 프론트엔드  >  자바스크립트의 객체 정의 방법은 무엇입니까?

자바스크립트의 객체 정의 방법은 무엇입니까?

青灯夜游
青灯夜游원래의
2021-10-15 15:15:055408검색

정의 방법: 1. "var 개체 변수 이름 = new Object();" 문을 사용합니다. 2. "var 개체 변수 이름 = {...}" 문을 사용합니다. 3. "함수 생성자([ 매개변수 목록 ]){...}var 개체 이름=새 생성자([매개변수 목록]);" 문입니다.

자바스크립트의 객체 정의 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript에서 객체를 정의하는 방법

1. 직접 정의

생성 구문:

var 对象变量名 = new Object();
对象变量名.属性1 = 属性值1;
…;
对象变量名. 属性N = 属性值N;
对象变量名. 方法1 = function([参数列表]){
	方法体
}
…;
对象变量名. 方法N = function([参数列表]){
     方法体
}

코드 예:

	var student = new Object();
	student.name="Lucy";
	student.eat=function(){
		console.log(this.name+"正在吃东西");
	}
	student.eat();

2. 구문 생성:

var 对象变量名={
	属性1:属性值1,
	...,
	属性N:属性值N,
	方法1:function([参数列表]){
		方法体
	},
	...,
	方法N:function([参数列表]){
		方法体
	}
}

참고:

1. 속성 정의는 다음을 사용합니다. (영어 콜론)

2. 객체의 속성과 메서드는 ,(영어 쉼표)로 구분되며 마지막 항목은 추가되지 않습니다.


코드 예:

var student = {
   	name:"Tim",  //注意属性的定义用:
   	age:12,
   	eatting:function(){
   		console.log(this.name+"正在吃东西");
   	},
   	running:function(){
   		console.log(this.name+"正在跑步");
   	}
};
student.eatting();
student.running();

3. 생성자 스타일

생성 구문:

function 构造函数([参数列表]){
	this.属性1=属性值;
	...;
	this.属性N=属性值;
	this.方法1=function([参数列表]){
		方法体
	};
	...;
	this.方法N=function([参数列表]){
		方法体
	};
}
var 对象名 = new 构造函数([参数列表]);

코드 예:

function Student(name){
	this.name=name;
	this.eatting=function(){
		console.log(this.name+"正在吃东西");
	};
}
var stu = new Student("Lily");
stu.eatting();

[추천 학습:

javascript 고급 튜토리얼

]

위 내용은 자바스크립트의 객체 정의 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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