《CoffeeScript应用开发》学习:第五章 CoffeeScript中的类
在CoffeeScript中定义类
在CoffeeScript中,使用class定义类,使用关键字new实例化对象。
给类绑定方法
class Airplane
takeOff: ->
console.log 'Vrroom!'
plane = new Airplane()
plane.takeOff()
CoffeeScript如何构建Javascript类
CoffeeScript中的类型系统基于JavaScript的原型继承实现。上面的代码生成的JavaScript代码为:
var Airplane;
Airplane = (function() {
function Airplane() {}
Airplane.prototype.takeOff = function() {
return console.log('Vrroom!');
};
return Airplane;
})();
上面的例子中,函数先声明空构造函数,并将takeOff函数绑定到类的原型上。
保持对象属性状态
状态存储在绑定到对象的属性里。使用@运算符实现。
class Airplane
describle: ->
"A #{@color} plane"
plane = new Airplane()
plane.color = 'white'
console.log plane.describle # 输出white
在对象中调用其他方法
class Airplane
takeOff: (eta) ->
@taxi()
console.log "#{s}..." for s in [eta..0]
console.log 'Vrrroom'
taxi: ->
if Math.random() > 0.5
console.log 'Taxiing...'
@something实际上是this.something的别名。我们甚至@替换出现的this。可以将@作为this作为参数传递。
在类定义的外面绑定方法
CoffeeScript提供::运算符,以简单实现对象原型的访问。如:
Date::getYearAE = ->
monthOffset = if @getMonth() < 11 then 1 else 0
@getFullYear() - 1944 - monthOffset
today = new Date()
console.log "It is the year #{today.getYearAE()} AE" # 输出 It is the year 71 AE
上面使用::运算符的CoffeeScript代码编译为
Date.prototype.getYearAE = function() {
var monthOffset;
monthOffset = this.getMonth() < 11 ? 1 : 0;
return this.getFullYear() - 1944 - monthOffset;
};
可以看到::使用原型来实现把函数绑定到类。
构造函数
只要加上名字为constructor的方法。同时,如果在构造函数列表中使用@命名标识符,则自动赋值给同名属性
class Train
constructor: (@numCars, @type = 'diesel') ->
@load = 0
@capacity = @numCars * 100
类的静态方法调用
静态方法为绑定到类本身,在没有任何实例化的对象时,可以作为单独的引用使用。在CoffeeScript中,使用@开头的函数为静态函数。例:
同时,也可将静态属性绑定到类。
class Bicyle
@WHEELS = 2
@frameSizeByHeight: (rideHeight) ->
Math.floor rideHeight * 0.82
Bicyle.frameSizeByHeight 10 # 调用静态方法
console.log Bicyle.WHEELS # 输出 2
继承
在CoffeeScript中,类定义使用extends表明这个类继承自另一个类。
class Automobile
honk: ->
console.log 'Beep!'
class Truck extends Automobile
honk: ->
super()
console.log 'Wee-oo wee-oo wee-oo'
同时,CoffeeScript继承也支持重载方法,只要在子类中重新定义与父类同名(参数不要求匹配)的方法即可。同时,在重载方法内部,可以使用super()函数
《CoffeeScript应用开发》学习:第五章 CoffeeScript中的类的更多相关文章
- java并发学习第五章--线程中的锁
一.公平锁与非公平锁 线程所谓的公平,就是指的是线程是否按照锁的申请顺序来获取锁,如果是遵守顺序来获取,这就是个公平锁,反之为非公平锁. 非公平锁的优点在于吞吐量大,但是由于其不是遵循申请锁的顺序来获 ...
- Knockout应用开发指南 第五章:创建自定义绑定
原文:Knockout应用开发指南 第五章:创建自定义绑定 创建自定义绑定 你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等).你可以你封装复杂的逻辑或行为,自定 ...
- web前端开发学习:jQuery的原型中的init
web前端开发学习:jQuery的原型中的init 有大量web前端开发工具及学习资料,可以搜群[ web前端学习部落22群 ]进行下载,遇到学习问题也可以问群内专家以及课程老师哟 jQuery.fn ...
- Java基础知识二次学习--第五章 数组
第五章 数组 时间:2017年4月26日15:11:30~2017年4月26日15:15:54 章节:05章_01节 视频长度:09:30 内容:一维数组的内存分析 心得: Java中数组是引用类型 ...
- C#高级编程 (第六版) 学习 第五章:数组
第五章 数组 1,简单数组 声明:int[] myArray; 初始化:myArray = new int[4]; 为数组分配内存. 还可以用如下的方法: int[] myArray = new in ...
- Java开发学习(十五)----AOP入门案例及其工作流程解析
一.AOP简介 1.1 什么是AOP AOP(Aspect Oriented Programming)面向切面编程,一种编程范式,指导开发者如何组织程序结构. OOP(Object Oriented ...
- 继《关于讯飞语音SDK开发学习》之打包过程中遇到小问题
关于讯飞语音SDK开发学习 使用vs自带打包,具体怎么操作就不说了,网上关于这方面的资料挺多的.例如:winform 打包部署,VS2010程序打包操作(超详细的),关键是桌面上创建快捷方式中的&qu ...
- Java程序设计基础笔记 • 【第7章 Java中的类和对象】
全部章节 >>>> 本章目录 7.1 理解类和对象 7.1.1 对象 7.1.2 抽象与类 7.1.3 类与对象的关系: 7.2 Java中的类和对象 7.2.1 类的定义 ...
- 深度学习框架PyTorch一书的学习-第五章-常用工具模块
https://github.com/chenyuntc/pytorch-book/blob/v1.0/chapter5-常用工具/chapter5.ipynb 希望大家直接到上面的网址去查看代码,下 ...
随机推荐
- 崽崽帮www.zaizaibang.com精选14
[行走贵州]爽爽贵阳,乐活天堂! 北京儿童医院将建遗传代谢病专科医院 [山东十大最难懂方言]原来青岛话还是很好懂滴 ❤如果南宁的儿童医院长这样…… 成都三所小学入围中国百强小学名单 [乐湖新闻]学习中 ...
- 判断Activity是否正在退出 isFinishing()
boolean android.app.Activity.isFinishing() Added in API level 1 Check to see whether this ...
- viewPager--viewpager时,发生内存溢出OOM问题
两个问题:1.如果图片达到500kb每张,你这个划屏会有顿卡:2.快速滑动有出现0.几秒的白屏.图片越大,顿卡越明显. 回复parcool:500kb的背景算大的了,如果是想做图片墙,viewpage ...
- 使Eclipse下支持编写HTML/JS/CSS/JSP页面的自动提示。
我们平时用eclipse开发jsp页面时智能提示效果不太理想,今天用了两个小时发现了eclipse也可以像Visual Studio 2008那样完全智能提示HTML/JS/CSS代码,使用eclip ...
- java Servlet Filter 拦截Ajax请求
/** * 版权:Copyright 2016-2016 AudaqueTech. Co. Ltd. All Rights Reserved. * 描述: * 创建人:赵巍 * 创建时间:2016年1 ...
- CreateIoCompletionPort() 函数
/* ********************* * CreateIoCompletionPort() 函数有两个功能: * 1.创建一个完成端口: * 2.将一个设备与一个存在的完成端口进行绑定,在 ...
- [ActionScript 3.0] 获取随机颜色
import flash.display.MovieClip; import flash.geom.ColorTransform; //方法一 var red:Number = Math.random ...
- 通过创建临时表合并hive小文件
#!/bin/bash #set -x DB=$1 #获取hive表定义 ret=$(hive -e "use ${DB};show tables;"|grep -v _es|gr ...
- SpringMVC国际化
如何将我们网站的其它内容(如菜单.标题等)做国际化处理呢?这就是本篇要将的内容->国际化. 一.基于浏览器请求的国际化实现: 首先配置我们项目的springservlet-config.xml文 ...
- 动手学servlet(六) 过滤器和监听器
过滤器(Filter) 过滤器是在客户端和请求资源之间,起一个过滤的作用,举个例子,比如我们要请求admin文件夹下的index.jsp这个页面,那么我们可以用一个过滤器,判断登录用户是不是管理员 ...