`
sg552
  • 浏览: 619372 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
47437293-94b9-3b04-9152-8971c7580049
白手起家学习使用Flex
浏览量:18682
社区版块
存档分类
最新评论

把普通javascript 替换成 coffeescript的步骤

阅读更多

1. 重新声明方法 (this.name  or @name)
function name(para)   =>
this.name = (para) ->

( 记得 rsv 的自定义验证函数对这个有要求,都用 this.name , 否则会提示找不到函数)

2. 去掉大括号    (当传入参数大于等于1个时)
  if(true) => if true
  [a,b,c].size() => [a,b,c].size   # 绝对不可以这样做。  

例如:    [a,b,c].size() => 3

 [a,b,c].size =>  function(){ ....  }

那么在使用 if [a,b,c].size == 3 的时候,就会返回false.


3. 去掉尾部分号  ( in vim: :%s/;$ )
4. 去掉 var  (var name =1  =>  name = 1)
5. 使用 "#{}"风格的字符串连接:  
   "say"+ hi + "to" + name  
   "say#{hi}to#{name}"

6. hash:    跟JS一样,但是也可以写成下面的样子:
  a = { d:1, b: 2}  =>
  a:
    d: 1
    b: 2

 

7. 替换三元表达式:

  a = true ? "good" : "bad"

  a = if true then "good" else "bad"

 

8. 记得哦亲!有时候(似乎是声明全局method的时候) coffeescript 会从上倒下的查找方法。所以,要提前把全局方法在上面声明,然后在下面的代码中调用。否则会找不到方法哦亲!

 

 

分享到:
评论

相关推荐

    CoffeeScript小书1

    例如,你可以用一行CoffeeScript代码来替换JavaScript中的多行循环和条件语句。 原型符号别名是CoffeeScript对JavaScript原型链的优化。在CoffeeScript中,你可以使用`::`操作符来代替JavaScript中的`.prototype.`...

    ConsoleAway:Bash脚本,用于从javascript和coffeescript文件中删除console.log

    **ConsoleAway** 是一个Bash脚本工具,专为Web开发者设计,用于自动化从JavaScript和CoffeeScript源代码文件中移除`console.log`语句。这个脚本在部署准备阶段非常有用,因为生产环境中通常不需要这些调试日志,它们...

    Webpack 实现 Node.js 代码热替换

    Webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler),它将应用程序视为一个依赖图,并根据模块之间的依赖...通过上述步骤,我们可以实现Node.js代码的热替换功能,从而提升开发效率,优化开发流程。

    ipc-node-example

    CoffeeScript编译成JavaScript后运行,它提供了更简洁、易读的语法,例如类定义和闭包表达。 “npm install grunt build node build/src/app.js 或 grunt dev”是项目的安装和运行步骤。这表明项目使用了npm(Node ...

    grunt-mogrify:用于替换和转换文本的繁重任务,主要用于源代码

    `grunt-mogrify` 是一个基于 JavaScript 的 Grunt 插件,主要功能是对源代码进行文本替换和转换,常用于前端开发过程中的自动化构建任务。Grunt 是一个广泛使用的 JavaScript 任务运行器,它允许开发者定义和运行...

    前端开源库-esprima-walk

    在`esprima-walk`中,你可以轻松地对特定类型的节点进行操作,比如修改变量名、替换表达式或者跟踪特定的代码模式。这个工具对于编写代码转换工具、静态分析插件或者用于教育目的的代码解释器特别有用。 **使用场景...

    hubot-whiteboardcleaner:自动优化白板照片

    CoffeeScript 是一种简洁、易读的 JavaScript 语法糖,它简化了 JavaScript 的语法,使其更接近 Ruby 或 Python。尽管现代前端开发中 JavaScript 已经非常普及,但 CoffeeScript 仍然因其简洁的语法和可读性而在某些...

    node环境安装.docx

    此外,描述中还列出了几个特定的npm包,如`coffee-script`,`babel-cli`,`babel-preset-es2015`等,它们分别用于编写CoffeeScript语言,转换ES6+代码到ES5,以及配置Babel转译规则。`node-dev`是一个开发时的错误...

    markdown-lists:在 Github 风格的 Markdown 文档中插入新的列表项

    在 Markdown 中,列表是常用的一种元素,可以用于组织信息、列举步骤等。`markdown-lists` 包就是针对 Github 风格的 Markdown 文档设计的,其主要功能是在 Markdown 文档中方便地插入新的列表项。 在 Github 风格...

    Chaplin-todo

    Chaplin.js是CoffeeScript的一个产物,它借鉴了Ruby on Rails的设计理念,为JavaScript应用程序提供了一种组织代码的结构。 首先,让我们了解JavaScript的基础知识。JavaScript是一种广泛使用的脚本语言,主要在Web...

    webpack 入门

    - **资源处理**:通过不同的 **Loaders** ,Webpack 可以处理各种类型的资源,包括但不限于 CommonJS 模块、AMD 模块、ES6 模块、CSS、图片、JSON、CoffeeScript 和 LESS 等。 - **代码分割**:Webpack 支持基于动态...

Global site tag (gtag.js) - Google Analytics