ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでオブジェクトを定義する方法は何ですか

JavaScriptでオブジェクトを定義する方法は何ですか

青灯夜游
青灯夜游オリジナル
2021-10-15 15:15:055351ブラウズ

定義方法: 1. "var オブジェクト変数名 = new Object();" ステートメントを使用します。 2. "var オブジェクト変数名 = {...}" ステートメントを使用します。 3. " functionconstructor([パラメータリスト]){...}var オブジェクト名=newconstructor([パラメータリスト]);" ステートメント。

JavaScriptでオブジェクトを定義する方法は何ですか

このチュートリアルの動作環境: Windows7 システム、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 上級チュートリアル]

以上がJavaScriptでオブジェクトを定義する方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。