码迷,mamicode.com
首页 > Web开发 > 详细

js面向对象

时间:2017-02-26 14:11:43      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:char   on()   odi   dtd   public   encoding   alert   function   ansi   

首先说明一下,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面向对象

标签:char   on()   odi   dtd   public   encoding   alert   function   ansi   

原文地址:http://www.cnblogs.com/csy666/p/6444102.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!