JavaScript对象创建方式

JavaScript对象创建方式共有五种:第二种和第五种使用最多,其他不经常使用。

1、直接创建方式:

var 对象变量名 = new Object();
对象变量名. property1 = value1;
…;
对象变量名. propertyN = valueN;
对象变量名. methodName1 = function([参数列表]){
	//函数体
}
…;
对象变量名. methodNameN = function([参数列表]){
	//函数体
}

var student = new Object();
student.name = "Tom";
student.doHomework = function(){
	console.log(this.name + ":正在写代码");
}
student.name;
student.doHomework();

 如图,先创建个空对象,然后在添加属性和方法。

2、对象初始化器方式:

var 对象变量名 = {
	property1 : value1,
	property2 : value2,
	…, 
	propertyN : valueN,
	methodName1 : function([parameter_list]){
		//函数体
	},
	…, 
	methodNameN : function([parameter_list]){
		//函数体
	}
}

var object = {
	url:"",
	success:function(data){			
	
	}
};

这种方式在实现数据在jsp和java文件中的转换中使用频繁

3、构造函数方式:

function 构造函数([参数列表]){ 
	this.属性 = 属性值; 
	…
	this.属性N = 属性值N;
	this.函数1 = method1; 
	…
	this.函数N = methodN; 
}
function method1([参数列表]){
	//函数体
}
…
function methodN([参数列表]){
	 //函数体
}
                                  或者使用
function  构造函数([参数列表]){ 
	this.属性 = 属性值; 
	…
	this.属性N = 属性值N;
    this.函数1 = function([参数列表]){
		//函数体
    } ;
	…
    this.函数N = function([参数列表]){
		//函数体
    } ;
}

function Student(name){
	this.name = name;
	this.doHomework = function(){
		console.log(this.name + ":正在背单词");
	}
}
			
student = new Student("Tim");
student.doHomework();

this不能省略 

4、prototype原型方式:

function 对象构造器( ){
} 
对象构造器.prototype.属性名=属性值;
对象构造器.prototype.函数名 = function([参数列表]){
 	//函数体
}

function Son(){
				
}			
Son.prototype.name = "Tom";
Son.prototype.eat = function(){
	console.log(this.name + ":正在吃饭");
}
var son = new Son();
son.eat();

在声明一个新的函数后,该函数(在JavaScript中,函数也是对象)就会拥有一个prototype的属性,通过该属性可以为对象添加新的属性和方法。 

5、混合的构造函数/原型方式:

function 对象构造器([参数列表]){
} 
对象构造器.prototype.函数名 = function([参数列表]){
	//函数体
}

function Father(name){
	this.name = name;
}		
Father.prototype.eat = function(){
	console.log(this.name + ":正在吃饭");
}			
father = new Father("Tim");
father.eat();

 3和4的结合

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值