📜  CoffeeScript 和 ES6 有什么区别?

📅  最后修改于: 2022-05-13 01:56:13.791000             🧑  作者: Mango

CoffeeScript 和 ES6 有什么区别?

CoffeeScript 就像 JavaScript 是一种可以编译成 JavaScript 的轻量级语言。它提供了简单易学的语法,避免了 JavaScript 的复杂语法。 CoffeeScript 受到 JavaScript、Ruby、YAML、Haskell、Perl、 Python的影响,并影响了 MoonScript、LiveScript 和 JavaScript。

先决条件:

  • 你应该已经安装了 Node.js 和 NPM。
  • 您应该在本地或全局安装 CoffeeScript。

我们将通过查看一些示例来了解这些差异:

示例 1:如果你想打印任何东西到控制台,我们只需要使用console.log并传递需要打印的值。传递值时不需要括号。

Javascript
console.log'Hello GeeksforGeeks';


Javascript
square = (a) -> a * a;
console.log "Square:", square(5)


HTML


HTML


输出:

Hello GeeksforGeeks

示例 2:此示例显示了一个使用 CoffeeScript 计算数字平方的函数。

Javascript

square = (a) -> a * a;
console.log "Square:", square(5)

输出:

Square: 4

ES6 或 ECMAScript 2015 是 ECMAScript 编程语言的第 6 版。 ECMAScript 是 JavaScript 的标准化,于 2015 年发布,随后更名为 ECMAScript 2015。

示例 1:与 CoffeeScript 示例不同,如果想要将任何内容打印到控制台,我们需要使用 console.log 并在括号中传递值。

HTML


输出:

Hello GeeksforGeeks

示例 2:此示例显示了一个使用纯 JavaScript 计算数字平方的函数。我们也可以使用 lambda 函数在一行中编写函数。

HTML


输出:

Square: 4
Square Lambda: 25

CoffeeScript 和 ES6 的区别:

CoffeeScriptES6
It is a lightweight language that compiles into JavaScript.ES6 is the 6th version of the ECMAScript programming language.
We need to install CoffeeScript for the compilation to work.We do not need to install anything except NodeJS or we can use our browser.
It is best to use it when we want to write a shorter syntax.It is best to use when we want more readable and beginner-friendly code. 
We do not need to use symbols like semicolons, parenthesis, curly bracesIt is necessary to use parenthesis and curly braces if your code exceeds more than a single line.