《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 希望大家直接到上面的网址去查看代码,下 ...
随机推荐
- 15、java中的内部类介绍
内部类顾名思义就是定义在类中的类,下面做一个简单介绍: 内部类的访问规则:1,内部类可以直接访问外部类中的成员,包括私有. 之所以可以直接访问外部类中的成员,是因为内部类中持有了一个外部类的引用,格式 ...
- 移动互联网广告 - 第十更 - 广告投放运营 DashBoard - 2016/12/10
广告投放运营 DashBoard设计 移动互联网互联网广告投放,数据监控DashBoard,基础样例示意,下图仅供参考(来自于互联网).
- [zz]Maya C++ API Programming Tips
Maya C++ API Programming Tips source : http://wanochoi.com/?page_id=1588 How to handle the multiple ...
- 循环语句--while
有一种循环叫死循环,一经触发,就运行个天荒地老.海枯石烂 #coding=utf-8 count=0 while True: print("你是风儿我是沙,缠缠绵绵到天涯...", ...
- [转]Django与遗留系统和数据库集成
From:http://www.czug.org/python/django/17.html 尽管Django最适合从零开始开发项目--所谓的"绿色领域"开发--将框架与遗留系统和 ...
- HDU 1166 敌兵布阵(线段树单点更新)
敌兵布阵 单点更新和区间更新还是有一些区别的,应该注意! [题目链接]敌兵布阵 [题目类型]线段树单点更新 &题意: 第一行一个整数T,表示有T组数据. 每组数据第一行一个正整数N(N< ...
- 转,SelectNodes + XPath
XPath 是 XML 的内容,这里 SelectNodes 是 C# 中 XmlDocument 或 XmlNode 的一个方法.SelectNodes 使用 XPath 来选取节点. 重要语法 S ...
- 1、Android Studio集成极光推送(Jpush) 报错 java.lang.UnsatisfiedLinkError: cn.jpush.android.service.PushProtoco
Android studio 集成极光推送(Jpush) (华为手机)报错, E/JPush: [JPushGlobal] Get sdk version fail![获取sdk版本失败!] W/Sy ...
- CentOS 7 用户怎样安装 LNMP(Nginx+PHP+MySQL)
关于 Nginx (发音 “engine x”)这是一款免费.开源.高效的 HTTP 服务器,Nginx是以稳定著称,丰富的功能,结构简单,低资源消耗.本教程演示如何在CentOS 6.5服务器(适用 ...
- type="file" 选择图片后预览
function setImagePreview(avalue) { var docObj = document.getElementById("doc"); var imgObj ...