JavaScript强化教程-JS面向对象编程
2016-07-14 11:17
316 查看
本文为H5EDU机构官方HTML5培训教程,主要介绍:JavaScript强化教程——JS面向对象编程
对事物的抽象描述
描述这类事物的特征和行为
对象是类的实例
代码实现:创建一个类
对事物的抽象描述
描述这类事物的特征和行为
对象是类的实例
代码实现:创建一个类
function peple(){ this.hp=0; this.act = 30; this.name = ""; this.x=0; this.y=0; this.move =function(x,y){ document.write(this.name+"正在移动到"+x+","+y); } this.eat=function(){ document.write("正在吃"); } }类的实例:创建一个对象
var p1 = new peple(); p1.name="阿达"; p1.hp = 100; p1.move(100,100); p1.move(22,200);
在类外部动态扩展方法
p1.fire = function(x,y){ document.write(this.name+"正在开火向"+x+","+y); p1.hp--; }
调用函数外部定义的函数
p1.fire(00,00); p1.fire(43,22); p1.fire(66,88); document.write("hp="+p1.hp);点击进入JS强化教程
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- HTML5中在客户端验证文件上传的大小
- html5 web数据存储
- js数组实现图片轮播
- 页面元素查找之Selectors API
- 使用ajax实现用户登录验证(升级版)
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 关于前端的思考与感悟
- 新时代编辑神器:Atom
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- 浏览器中唤起native app || 跳转到应用商城下载
- Angular directive 实例详解