js面向对象

Posted 小拽A

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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面向对象的主要内容,如果未能解决你的问题,请参考以下文章

JS面向对象

js之面向对象

js面向对象

js 面向对象的基本概念和基本使用方法

js面向对象2

浅谈js面向对象与深入php面向对象