关闭

关于JS原型对象的创建

205人阅读 评论(0) 收藏 举报

使用js的prototype属性的时候,创建对象的方式是存在优先级的

1、如果方法中存在构造方法就先使用方法中的构造方法

2、如果方法中不存在构造方法则继续查找prototype原型的构造方法

 

<html> 
<head> 
<TITLE>class_obj_js_class</TITLE> 
<script language=javaScript> 
function a(name){
	//alert(name);//弹出的值是undefined
	//alert(null==name);//true
	if(null == name){
		this.name = name;
	}
}

function b(name){
	//alert(name);//弹出的值是undefined
	//false,this.name没有重新赋值,还是new创建的值prototype.name="TOm"
	if(null != name){
		this.name = name;
	}
}

//有参构造方法
function c(name){
	//alert(name);//弹出的值是undefined
	//如果name为true则不管后面是什么就直接返回第一个值
	//如果name为false则不管后面是什么直接返回后面的值
	this.name = name || "Jack";//如果name为空则赋值为后面的Jack
}

//无参构造方法
function d(){
	
}

a.prototype.name = "Tom";
b.prototype.name = "Tom";
c.prototype.name = "Tom";
d.prototype.name = "Tom";

//有参构造方法
alert(new a().name); //undefined
alert(new b().name);//Tom
alert(new c().name);//Jack
alert(new d().name);//使用无参构造方法
</script> 

<body > 
</body> 
</html>

 

  

 

备注:

1、一般我们在方法中添加“对象”的属性

2、在prototype属性后面添加方法

这样做的目的是为了提高代码的复用,可以“无限”给对象添加方法,便于拓展

 

注意:为了提高JS的效率,要注意再使用prototype链的时候应该尽量限定在一、二级,因为浏览器会自动去循环遍历,深度太深了之后会影响效率

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:313147次
    • 积分:8742
    • 等级:
    • 排名:第2257名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:5条
    最新评论