一、Function创建自定义对象
- 语法格式:
function Fn(参数1,参数2,…) {
this.属性名1=参数1;
this.属性名2=参数2;
…
this.属性名n=参数n;
};
定义示例:
function User(name, pwd){
this.name=name;
this.pwd=pwd;
};
var user1=new User("admin","123");
说明:
User是模板名,首字母必须大写;
this后面的name等是新添加的属性;
user1是对象;
new是关键字,表示新建。
这里定义的不是一个普通函数,而是专门创建对象的模板函数。
使用方法1:对象名.属性名
document.write(user1.name);
document.write(user1.pwd);
使用方法2:对象名[属性名]
document.write(user1['name']);
document.write(user1['pwd']);
- 直接创建对象示例:创建一个篮球球员的对象player,通过对象实例获取对象中的属性并输出。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="button" id="mybtn" value="click me" />
<script type="text/javascript">
function Player(name,height,team){
this.name=name;
this.height=height;
this.team=team;
};
var player1 = new Player("科比", 1.98, "洛杉矶湖人队");
document.write(player1.name);
document.write(player1.height);
document.write(player1.team);
</script>
</body>
</html>
- 给自定义对象添加方法
语法格式:
function Fn(参数1,参数2,...){
this.属性名1=属性值1;
this.属性名2=属性值2;
......
this.属性名n=属性值n;
this.方法名1=function(){
};
......
this.方法名n=function(){
};
};
简单示例:创建对象User
<!DOCTYPE html