《CoffeeScript应用开发》学习: 第四章-改进应用程序

时间:2022-06-23 12:14:25

检查值是否存在

使用存在运算符

CoffeeScript中有一个非常有用的存在运算符?,它能正确地处理值是否存在(存在的意思为变量不为undefined或者null)的情况。在变量后添加?来判断它是否存在。

注意,如果?运算符后没有参数,那么在使用?运算符时必须紧靠在标识符后,不能有空格,否则会按照函数调用编译,编译出错。

if yeti?
'I want to believe'
###
上面的代码被编译为:
if(typeof yeti != null){
'I want to believe'
}
###

在链式调用中

通过在链式调用中使用?可以防止空值造成类型错误,同时,这样做也无法对不同层次的属性的不存在分别处理。

tree =
pine:
type: 'evergreen'
crabapple:
type: 'deciduous'
fruit:
ediable: false
if trees.pine.fruit?.edible
console.log "Mmm.. pine fruit"

对于数组和函数调用,也可使用?运算符。

# 数组
alpha =
lowercase: ['a','b','c','d']
console.log alpha.lowercase?[2].toUpperCase() # 执行
console.log alpha.uppercase?[2].toLowerCase() # 不执行 # 函数
oppositeMath =
min: Math.max
console.log oppositeMath.min?(3.2.5) # 执行
console.log oppositeMath.max?(3,2,5) # 不执行

以空值为条件,赋新值

brief = null
breif ?= 2 # breif为2

上面的例子中需要注意的是:?=运算符左侧不能使用未声明的变量,否则编译会出错,因为变量不是有效引用。?运算符不受此约束。

||和比较运算符都被扩展了,也就是说||=or=都是合法的。

一次给多个变量赋值

CoffeeScript提供了解构赋值的功能,即只用一个表达式,就可以实现给数组或者对象中的多个变量赋值。

[first, second] = ["home","cart"]
[first, second] = [second, first] # 变量替换
[drink,[alcohol, mixer]] = ["Screwdriver", ["vodka", "orange juice"]] #

同时,我们可以在使用返回数组(多个值)的函数时使用。

[languageName, prefix] = "CoffeeScript".match /(.*)Script/
console.log "I love the smell of #{prefix} in the morning."

同时,解构赋值还可以用于对象,将变量付给特定名字,具体有两种用法:

  • {property} = object ,其中,property为对象中属性的名字,复制后成为单独的变量可以直接使用
  • {property: identifier} = object, 其中,property为对象中属性的名字,identifier为给定的变量名(可以事先不声明)。赋值之后identifier的值变成对象中property对应的值。
bird = verb: 'singing', time: 'midnight'
{time} = bird # time为'midnight'
{time:timeOfDate} = bird # timeOfDate为'midnight'

同时,可以互相嵌套对象,还可以在对象中嵌套数组。

# 使用对象嵌套赋值
direction = [
{type: 'boat', directions: ['port', 'starboard']}
{type: 'dogsled', directions: ['haw', 'gee']}
] [boatInfo, {directions: [left, right]}] = direction console.log 'boatInfo: ' + boatInfo.type # 输出 boatInfo: boat
console.log 'left: ' + left + '; right: ' + right # 输出 left: haw; right: gee

高级函数参数

默认参数值

CoffeeScript中的函数支持默认函数参数。

func = (a, b = 'b') ->
console.log a + ',' + b func 'a' # 输出 a,b
func 'a', null # 输出 a,b
func 'a', 'c' # 输出 a,c

接受可变参数的splat

在函数定义的参数后添加...,即将此参数声明为可接受任意数目参数的变量。

func2 = (a,b...)->
console.log b.length func2 1,2,3,4 # 输出 3

可变参数不一定要在参数列表最后一个。同时,解构赋值也可以使用可变参数。

[race, [splits..., time]] = ['10K',['13:08','13:09','23:17']]

console.log race    # 输出 10K
console.log splits # 输出 ['13:08','13:09']

调用函数时使用splat

不仅可以在定义函数时使用splat,而且还可以在调用函数时使用splat。

# 调用函数时使用splat
func3 = (a,b,c) ->
len = arguments.length
console.log len
if len == 1
a
else if len == 2
a + ',' + b
else if len == 3
a + ',' + b + ',' + c
else
'null' arr = [1,2,3]
console.log func3 arr...
###
输出:
3
1,2,3
### # 被调用函数内部使用splat
func4 = (a,b...) ->
console.log Math.min b... func4 1, 2, 3, 4 # 输出2

调用splat总结:

  • splat总是让你处理一个数组
  • splat为函数的参数,那么以数组的形式给出,同时,也可在函数内部将splat形式的参数用来调用函数,如func4所示
  • 以splat形式调用函数,以数组的方式调用,函数接收到的为分开的值

《CoffeeScript应用开发》学习: 第四章-改进应用程序的更多相关文章

  1. Android艺术开发探索第四章——View的工作原理(下)

    Android艺术开发探索第四章--View的工作原理(下) 我们上篇BB了这么多,这篇就多多少少要来点实战了,上篇主席叫我多点自己的理解,那我就多点真诚,少点套路了,老司机,开车吧! 我们这一篇就扯 ...

  2. Knockout应用开发指南 第四章:模板绑定

    原文:Knockout应用开发指南 第四章:模板绑定 模板绑定The template binding 目的 template绑定通过模板将数据render到页面.模板绑定对于构建嵌套结构的页面非常方 ...

  3. Java基础知识二次学习--第四章 异常

    第四章 异常处理   时间:2017年4月26日11:16:39~2017年4月26日11:28:58 章节:04章_01节 04章_02节 视频长度:20:46+01:16 内容:异常的概念 心得: ...

  4. C#高级编程 (第六版) 学习 第四章:继承

    第四章 继承 1,继承的类型 实现继承: 一个类派生于一个基类型,拥有该基类型所有成员字段和函数. 接口继承 一个类型只继承了函数的签名,没有继承任何实现代码.   2,实现继承 class MyDe ...

  5. 4类Storage方案(AS开发实战第四章学习笔记)

    4.1 共享参数SharedPreferences SharedPreferences按照key-value对的方式把数据保存在配置文件中,该配置文件符合XML规范,文件路径是/data/data/应 ...

  6. 菜单Menu(AS开发实战第四章学习笔记)

    4.5 菜单Menu Android的菜单主要分两种,一种是选项菜单OptionMenu,通过按菜单键或点击事件触发,另一种是上下文菜单ContextMenu,通过长按事件触发.页面的布局文件放在re ...

  7. java并发学习--第四章 JDK提供的线程原子性操作工具类

    在了解JDK提供的线程原子性操作工具类之前,我们应该先知道什么是原子性:在多线程并发的条件下,对于变量的操作是线程安全的,不会受到其他线程的干扰.接下来我们就学习JDK中线程的原子性操作. 一.CAS ...

  8. 《Android深度探索HAL与驱动开发》第四章阅读心得

     Android源代码包含了很多内容,可以实现拍照.计算机.日历.相册.拨号器等功能.配置Android源代码下载环境需要如下几步: (1)创建一个用于存放下载脚本文件的目录:  (2)下载repo脚 ...

  9. Android艺术开发探索第四章——View的工作原理(上)

    这章就比较好玩了,主要介绍一下View的工作原理,还有自定义View的实现方法,在Android中,View是一个很重要的角色,简单来说,View是Android中视觉的呈现,在界面上Android提 ...

随机推荐

  1. 爆炸吧 js dom ---------> boom

    dom-> html css 事件 元素 eventlistener HTML 事件的例子: 当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素上时 当输入字段被改变时 当提交 ...

  2. Apache Spark Streaming的适用场景

    使用场景: Spark Streaming 适合需要历史数据和实时数据结合进行分析的应用场景,对于实时性要求不是特别高的场景也能够胜任.

  3. 启程、对C的继承

    Cocoa和Object-c是苹果公司OS X和IOS操作系统的核心.   .m扩展名表示文件使用的是Objective-c代码.   与C语言一样,Objective-c使用头文件来包含结构体.符号 ...

  4. 转每天一个linux命令(5):rm 命令

    昨天学习了创建文件和目录的命令mkdir ,今天学习一下linux中删除文件和目录的命令: rm命令.rm是常用的命令,该命令的功能为删除一个目录中的一个或多个文件或目录,它也可以将某个目录及其下的所 ...

  5. 严格次小生成树(Bzoj1977:[Beijing2010组队]次小生成树)

    非严格次小生成树 很简单,先做最小生成树 然后枚举没加入的边加入,替换掉这个环内最大的边 最后取\(min\) 严格次小生成树 还是一样的 可以考虑维护一个严格次大值 最大值和枚举的边相同就替换次大值 ...

  6. Android--UI之ListView

    前言 今天讲解一下Android平台下ListView控件的开发,在本篇博客中,将介绍ListView的一些常用属性.方法及事件,还会讲解ListView在开发中常用的几种方式,以及使用不通用的适配器 ...

  7. 20165206第4次实验《Android程序设计》实验报告

    20165206第4次实验<Android程序设计>实验报告 一.实验报告封面 课程:Java程序设计 班级:1652班 姓名:韩啸 学号:20165206 指导教师:娄嘉鹏 实验日期:2 ...

  8. 【BZOJ2212】&lbrack;POI2011&rsqb;Tree Rotations (线段树合并)

    题解: 傻逼题 启发式合并线段树里面查$nlog^2$ 线段树合并顺便维护一下$nlogn$ 注意是叶子为n 总结点2n 代码: #include <bits/stdc++.h> usin ...

  9. mysql 案例 ~ pt-io工具的使用

    一 简介:如何使用pt-iopfile调查io具体信息二 目的:利用pt-iopfile分析mysql内部IO操作密集的文件,用以发现问题三 使用: pt-iopfile -p mysql_pid   ...

  10. AFNetworking 源码解析

    3.0 之后,就取消了NSOperation的控制. 因为根据Apple Developer Document的文档 https://developer.apple.com/documentation ...