首页 > 代码库 > 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面向对象