Maison  >  Article  >  interface Web  >  Quelles sont les méthodes de définition d'objet en javascript

Quelles sont les méthodes de définition d'objet en javascript

青灯夜游
青灯夜游original
2021-10-15 15:15:055407parcourir

Méthode de définition : 1. Utilisez l'instruction "var object variable name = new Object();" 2. Utilisez l'instruction "var object variable name = {...}" ; liste de paramètres ]){...}var nom de l'objet = nouveau constructeur ([liste de paramètres]);" instruction.

Quelles sont les méthodes de définition d'objet en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Comment définir des objets en JavaScript

1. Définition directe

Syntaxe de création :

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

Exemple de code :

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

2. Créer une syntaxe :

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

Remarque :

1. La définition des attributs utilise : (deux-points anglais)
2. Les attributs et méthodes de l'objet sont séparés par , (virgule anglaise), et le dernier n'est pas ajouté



Exemple de code :

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

3. Style de constructeur

Syntaxe de création :

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

Exemple de code :

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

[Apprentissage recommandé :

Tutoriel avancé javascript

]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn