在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中的类的更多相关文章

  1. java并发学习第五章--线程中的锁

    一.公平锁与非公平锁 线程所谓的公平,就是指的是线程是否按照锁的申请顺序来获取锁,如果是遵守顺序来获取,这就是个公平锁,反之为非公平锁. 非公平锁的优点在于吞吐量大,但是由于其不是遵循申请锁的顺序来获 ...

  2. Knockout应用开发指南 第五章:创建自定义绑定

    原文:Knockout应用开发指南 第五章:创建自定义绑定 创建自定义绑定 你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等).你可以你封装复杂的逻辑或行为,自定 ...

  3. web前端开发学习:jQuery的原型中的init

    web前端开发学习:jQuery的原型中的init 有大量web前端开发工具及学习资料,可以搜群[ web前端学习部落22群 ]进行下载,遇到学习问题也可以问群内专家以及课程老师哟 jQuery.fn ...

  4. Java基础知识二次学习--第五章 数组

    第五章 数组 时间:2017年4月26日15:11:30~2017年4月26日15:15:54 章节:05章_01节  视频长度:09:30 内容:一维数组的内存分析 心得: Java中数组是引用类型 ...

  5. C#高级编程 (第六版) 学习 第五章:数组

    第五章 数组 1,简单数组 声明:int[] myArray; 初始化:myArray = new int[4]; 为数组分配内存. 还可以用如下的方法: int[] myArray = new in ...

  6. Java开发学习(十五)----AOP入门案例及其工作流程解析

    一.AOP简介 1.1 什么是AOP AOP(Aspect Oriented Programming)面向切面编程,一种编程范式,指导开发者如何组织程序结构. OOP(Object Oriented ...

  7. 继《关于讯飞语音SDK开发学习》之打包过程中遇到小问题

    关于讯飞语音SDK开发学习 使用vs自带打包,具体怎么操作就不说了,网上关于这方面的资料挺多的.例如:winform 打包部署,VS2010程序打包操作(超详细的),关键是桌面上创建快捷方式中的&qu ...

  8. Java程序设计基础笔记 • 【第7章 Java中的类和对象】

    全部章节   >>>> 本章目录 7.1 理解类和对象 7.1.1 对象 7.1.2 抽象与类 7.1.3 类与对象的关系: 7.2 Java中的类和对象 7.2.1 类的定义 ...

  9. 深度学习框架PyTorch一书的学习-第五章-常用工具模块

    https://github.com/chenyuntc/pytorch-book/blob/v1.0/chapter5-常用工具/chapter5.ipynb 希望大家直接到上面的网址去查看代码,下 ...

随机推荐

  1. 崽崽帮www.zaizaibang.com精选14

    [行走贵州]爽爽贵阳,乐活天堂! 北京儿童医院将建遗传代谢病专科医院 [山东十大最难懂方言]原来青岛话还是很好懂滴 ❤如果南宁的儿童医院长这样…… 成都三所小学入围中国百强小学名单 [乐湖新闻]学习中 ...

  2. 判断Activity是否正在退出 isFinishing()

    boolean android.app.Activity.isFinishing()           Added in API level 1 Check to see whether this ...

  3. viewPager--viewpager时,发生内存溢出OOM问题

    两个问题:1.如果图片达到500kb每张,你这个划屏会有顿卡:2.快速滑动有出现0.几秒的白屏.图片越大,顿卡越明显. 回复parcool:500kb的背景算大的了,如果是想做图片墙,viewpage ...

  4. 使Eclipse下支持编写HTML/JS/CSS/JSP页面的自动提示。

    我们平时用eclipse开发jsp页面时智能提示效果不太理想,今天用了两个小时发现了eclipse也可以像Visual Studio 2008那样完全智能提示HTML/JS/CSS代码,使用eclip ...

  5. java Servlet Filter 拦截Ajax请求

    /** * 版权:Copyright 2016-2016 AudaqueTech. Co. Ltd. All Rights Reserved. * 描述: * 创建人:赵巍 * 创建时间:2016年1 ...

  6. CreateIoCompletionPort() 函数

    /* ********************* * CreateIoCompletionPort() 函数有两个功能: * 1.创建一个完成端口: * 2.将一个设备与一个存在的完成端口进行绑定,在 ...

  7. [ActionScript 3.0] 获取随机颜色

    import flash.display.MovieClip; import flash.geom.ColorTransform; //方法一 var red:Number = Math.random ...

  8. 通过创建临时表合并hive小文件

    #!/bin/bash #set -x DB=$1 #获取hive表定义 ret=$(hive -e "use ${DB};show tables;"|grep -v _es|gr ...

  9. SpringMVC国际化

    如何将我们网站的其它内容(如菜单.标题等)做国际化处理呢?这就是本篇要将的内容->国际化. 一.基于浏览器请求的国际化实现: 首先配置我们项目的springservlet-config.xml文 ...

  10. 动手学servlet(六) 过滤器和监听器

     过滤器(Filter) 过滤器是在客户端和请求资源之间,起一个过滤的作用,举个例子,比如我们要请求admin文件夹下的index.jsp这个页面,那么我们可以用一个过滤器,判断登录用户是不是管理员 ...