Javascript 使用对象（2）- 使用prototype对象扩展对象属性和方法new

最新推荐文章于 2024-10-09 17:01:55 发布

envykok

最新推荐文章于 2024-10-09 17:01:55 发布

阅读量159

点赞数

分类专栏： Javascript 文章标签： prototype javascript 扩展 null function 程序开发

Javascript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

http://hi.baidu.com/jrc520/blog/item/cafe07f4c9f04167dcc47470.html

JavaScript是基于对象的程序开发语言，在JavaScript中可以创建对象和函数，但创建好了的对象在需要时也可以使用prototype 对象对其属性和方法进行扩展。

1. 定义一个对象
function person(name,age,sex){
this.name=name;
this.age=age;
this.sex=sex;
this.mydisplay=display;
}

2. 对象中的一个方法实现
function display(){
var str="Person: /n";
if(this.name != null)
   str+="name: "+this.name+"/n";
if(this.age != null)
   str+="age: "+this.age+"/n";
if(this.sex != null)
   str+="sex: "+this.sex+"/n";
alert(str);
}

3. 利用prototype对对象的属性进行扩展
person.prototype.address="BeiJing Road";

4. 利用prototype对对象的方法进行扩展
person.prototype.showInfo=function(){
var str="Person: /n";
if(this.name != null)
   str+="name: "+this.name+"/n";
if(this.age != null)
   str+="age: "+this.age+"/n";
if(this.sex != null)
   str+="sex: "+this.sex+"/n";
if(this.address != null)
   str+="address: "+this.address+"/n";
alert(str);
}

5. 使用：

var man= new person("Jack",20);
man.mydisplay();
man.showInfo();

6.扩展window方法，不用加prototype

<html>
<head>
<title>无标题文档</title>
<script language="javascript">
<!--
function fullScreen(){
window.moveTo(0,0);
window.outerWidth=screen.width;
window.outerHeight=screen.height;
}

window.maximize=fullScreen;
//-->
</script>
</head>