首頁  >  文章  >  web前端  >  javascript中物件定義的方法有哪些

javascript中物件定義的方法有哪些

青灯夜游
青灯夜游原創
2021-10-15 15:15:055419瀏覽

定義方法:1、用「var 物件變數名稱=new Object();」語句;2、用「var 物件變數名稱={...}」語句;3、用「function 建構函數([參數列表]){...}var 物件名稱=new 建構子([參數列表]);”語句。

javascript中物件定義的方法有哪些

本教學操作環境:windows7系統、javascript1.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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn