首页 > 代码库 > js面向对象

js面向对象

首先说明一下,js不是面向对象编程的语言,但是它可以模拟出面向对象的结构,如下代码所示:

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var marry={//面向对象第一种方法
name:"marry",//定义对象的属性
age:2,
shout:function(){//定义对象的方法
alert("我是:"+this.name+",今年:"+this.age);
},
action:function(){
alert("会吃");
}
};

alert(marry.name);//调用对象的属性
alert(marry.age);
marry.shout();//调用对象的方法
marry.action();

function Dog(name,age){//创建对象的第二种方法
this.name=name;
this.age=age;
this.shout=function(){//绑定方法
alert("我是:"+this.name+",今年:"+this.age);
};
this.action=function(){
alert("会吃");
};
}

var jack=new Dog("jack",1);//采用第二种以构造的形式创建对象需要用到new
alert(jack.name);
alert(jack.age);
jack.shout();
jack.action();
</script>
</body>
</html>

js面向对象