CoffeeScript里的or

【CoffeeScript里的or】的更多相关文章

javascript 和 CoffeeScript 里的类

javascript不是面向对象的语言,它用函数来模拟类和继承. javascript里,提供一个类并不难: var Person,l4, z3; Person = function(name) { return this.name = name; }; z3 = new Person("z3"); l4 = new Person("l4"); z3.sayHi = function(hi) { return alert(hi); }; z3.sayHi("…

CoffeeScript里的or,其实会被编译为 || 这并没有什么令人惊奇之处.我惊讶的是类似这样一个表达式: word = null hi = word or "Hello World!" alert hi 最终翻译成javascript是: var hi, word; word = null; hi = word || "Hello World!"; alert(hi); hi = word || "Hello World!" 这句话怎么理…

CoffeeScript里的字符串插值

拼接字符串是我们常干的事情.与其用很多的 "" + "",不如用一下字符串插值,可读性好些. 方法是在字符串中加入#{ 变量.表达式.函数等} getOtherName = -> "everyone" name = "leftfist" hi = "Hello #{name} !" alert hi hi = "Hello #{getOtherName()}" alert hi #…

CoffeeScript 更优美的Javascript

CoffeeScript 是一门编译到 JavaScript 的小巧语言. 在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的心脏. CoffeeScript 尝试用简洁的方式展示 JavaScript 优秀的部分. CoffeeScript 的指导原则是: "她仅仅是 JavaScript". 代码一一对应地编译到 JS, 不会在编译过程中进行解释. 已有的 JavaScript 类库可以无缝地和 CoffeeScript 搭配使用, 反之亦然. 编译后的代码是…

ruby开发过程中的小总结

(1)建表的时候注意保留字在新建的表里无法插入一列的值, 报错信息是:Can't mass-assign protected attributes,这一列的列名是type,查了一下发现是因为type是保留字引起的. (2)查看端口 netstat -natp (3)在coffeescript里写方法 new_fun = -> console.info "this is a function" 调用的时候 new_fun() (4)include的用法很多 <%= [&q…

javascript的call和apply

coffeescript里,每个文件编译成JS后,都是(function(){...}).call(this);的架势这个call,该怎么理解呢? 在javascript里面,call 或者 apply 用于使并未定义某个函数的对象也可以使用该函数.换言之,它扩展了该对象,让它忽然多了一个函数.call与apply的区别,仅仅在于参数的形式. function sayHello(sentence){ alert(sentence); } function leftfist(){} sayHel…

精读《Optional chaining》

1. 引言备受开发者喜爱的特性 Optional chaining 在 2019.6.5 进入了 stage2,让我们详细读一下草案,了解一下这个特性的用法以及讨论要点. 借着这次精读草案,让我们了解一下一个完整草案的标准文档结构是怎样的. 一个新特性的文档,首先要描述起因是什么,也就是为什么要增加这个特性,大家不会没有理由的就增加一个特性.其次是其他语言是否有现成的实现版本,参考他们并进行归纳总结,可以增加思考角度的全面性. 第三点就是语法介绍,也就进入了新特性的正题,这里要详细介绍所…

[CoffeeScript]在WebStorm里运行CoffeeScript

CoffeeScript 是一门编译到 JavaScript 的小巧语言. 在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的心脏. CoffeeScript 尝试用简洁的方式展示 JavaScript 优秀的部分. CoffeeScript 的指导原则是: "她仅仅是 JavaScript". 代码一一对应地编译到 JS, 不会在编译过程中进行解释. 已有的 JavaScript 类库可以无缝地和 CoffeeScript 搭配使用, 反之亦然. 编译后的代码是…

emmet,jade,haml, slim,less,sass,coffeescript等的实战优缺点

摘要: 文章背景,来自于群内周五晚上的一次头脑风暴式的思维碰撞交流活动. 随着前端技术的蓬勃发展, 各种新技术随着生产力的需要不断的涌入我们的视野, 那今天探讨的话题是这些新时代的前端兵器谱: 一. html : Emmet,jade,haml,slim http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html 二. css : less,sass,stylus http://www.zhihu.com/question/2030038…

CSS3与页面布局学习总结（七）——前端预处理技术（Less、Sass、CoffeeScript、TypeScript）

CSS不像其它高级语言一样支持算术运算.变量.流程控制与面向对象特性,所以CSS样式较多时会引起一些问题,如修改复杂,冗余,某些别的语言很简单的功能实现不了等.而javascript则是一种半面向对象的动态语言,有java的影子,有C的味道,中间有比其它语言多的糟粕,使用预处理办法可以解决这些问题.其中Less[les]与Sass是CSS的预处理技术,而CoffeeScript.TypeScript则是javascript的预处理技术. 一.Less 1.1.概要 Less是一种动态样式语言,L…

CSS3与页面布局学习笔记（七）——前端预处理技术（Less、Sass、CoffeeScript、TypeScript）

CSS不像其它高级语言一样支持算术运算.变量.流程控制与面向对象特性,所以CSS样式较多时会引起一些问题,如修改复杂,冗余,某些别的语言很简单的功能实现不了等.而javascript则是一种半面向对象的动态语言,有java的影子,有C的味道,中间有比其它语言多的糟粕,使用预处理办法可以解决这些问题.其中Less[les]与Sass是CSS的预处理技术,而CoffeeScript.TypeScript则是javascript的预处理技术. 一.Less 1.1.概要 Less是一种动态样式语言,L…

《CoffeeScript应用开发》学习：第五章 CoffeeScript中的类

在CoffeeScript中定义类在CoffeeScript中,使用class定义类,使用关键字new实例化对象. 给类绑定方法 class Airplane takeOff: -> console.log 'Vrroom!' plane = new Airplane() plane.takeOff() CoffeeScript如何构建Javascript类 CoffeeScript中的类型系统基于JavaScript的原型继承实现.上面的代码生成的JavaScript代码为: var Air…

sublime配置coffeeScript

node.js 全局模块所在目录 npm -g ls 1.安装 npm install -g coffee-script 2.sublime安装CoffeeScript sublime语法高亮插件打开sublime -> Ctrl+Shift+P-> 输入install package 后回车->输入coffeescript 选择第一个回车. sublime中运行coffee 第一步创建目录: 打开 C:\Users\username\AppData\Roaming\Sublime…

CoffeeScript及相关文本标记语言

粗步看了下CoffeeScript(简称cs),发现cs这玩意还是有些问题,当然最大的问题之一是缺乏称手的工具.要是能放VS里编译调试当然好.但是转来转去的,真不如直接多敲几个JS字符串. 问题之二就是JS作为通用的脚本语言,使用CS带来的问题是要在语法间切来切去的,如果个人用可以,但用在团队开发上,得有统一口径才行.虽然cs的lambda表达式不错,但是考虑到一系列的切换,还不如先使用JS精粹,再配置下划线应用.这比较符合现有的开发. 当然这里面比较遗憾的就是没有好用的lambda表达式了.但…

CoffeeScript学习（3）—— 函数

CoffeeScript函数如果大家有看我之前关于ES6的箭头函数的话,这一篇也不会很难理解.我们这一次可以说一下,关于两者的一些细微差别. 基本在CoffeeScript中,任何函数都是用箭头函数来表示的.也就是说,如果我们使用下列的方式书写coffee,编译是不予以通过的. function greeting(){ console.log('hello coffee') } //error 那我们该如何写函数呢?和ES6的arrows一样(不一样的地方待会儿会提及). greeting…

CoffeeScript学习（1）——Quick Start

什么是CoffeeScript CoffeeScript 是一门编译到 JavaScript 的小巧语言. 在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的心脏. CoffeeScript 尝试用简洁的方式展示 JavaScript 优秀的部分. CoffeeScript 的指导原则是: "她仅仅是 JavaScript". 代码一一对应地编译到 JS, 不会在编译过程中进行解释. 已有的 JavaScript 类库可以无缝地和 CoffeeScript 搭配使…

windows下node.js+sublime中安装coffeescript

node.js中安装Coffeescript 1.我的node.js安装目录 2.node.js 全局模块所在目录 3.node.js安装coffeescript npm install -g coffee-script 至此理论上node.js中已经安装好coffeescript编译器了,不过我第二次安装时遇到了问题,就是-w参数使用时会报错,Error:watch EINVAL 我在第一安装时,没遇到任何问题,不过那个时候,没有明确的安装步骤.当时找到的一些资料讲的并不明确.不过-c参数…

Coffeescript的安装与编译

安装 npm install -g coffee-script 在cmd中输入coffee可以进入coffeescript的命令行模式(REPL),然而到我写完这篇博文为止,我觉得这并没有什么卵用 Coffeescript的编译 1.先建立一个coffeescript文件,只要以".coffee"结尾就好了,值得一提的是coffeescript的logo非常感人: 2.随便弄点coffeescript的示例代码进去,我在官网上找了点代码copy进去,在这里贴一下 # 赋值: numbe…

About CoffeeScript

本篇文章是对CoffeeScript做一个初步的了解.入门的学习笔记. 什么是CoffeeScript 一种新编程语言,是一套JavaScript的转译语言,可编译成高效的JavaScript.还可以与Node.js技术相结合,构建高效的服务器端应用程序.受到Ruby.Python等语言的启发,CoffeeScript增强了JavaScript的简洁性和可读性. CoffeeScript解决了JavaScript的一些问题: 简单的语法,减少样板代码,例如括号和逗号使用空格作为组织代码块的方法…

js循环里进行回调，引用循环里的变量，发现只是最后值的问题

做项目的时候,栽在一个小地方,是这样的我有很多个坐标点,我想把这些坐标点都绑定一个事件,当点击了这个坐标点之后,发送一个ajax 请求,将坐标点的id 发出去,等待显示返回的数据但是实际当中,无论我点击了哪个点,都发现发送的ajax 请求都是最后一个点的id值上, 仔细一想,确实是这么回事,因为点击这个事情是异步,当执行ajax的时候,遍历早已结束,所以返回最后一点是正常的. 问题变成了,怎样让回调函数读取到每次的临时变量,也就是个闭包的问题平时对闭包不是太清楚,所以顺便复习一下了, 参考…

（六）我的JavaScript系列：更好的JavaScript之CoffeeScript

世界上的很多天才都在为构建更好的JavaScript而努力.已经有了很多尝试,其中最有前途的,无非就是CoffeeScript和TypeScript了.面对CoffeeScript,我有一见如故的感觉:而TypeScript也激发了我极大的兴趣.CoffeeScript和TypeScript一样,都是编译为JavaScript的语言,它们都增强了JavaScript的表达能力.这篇文章是讲CoffeeScript的,TypeScript将放在下一篇再讲. 所谓编译为JavaScript,是指Co…