dev-reading/fe 是一个阅读、导读、速读的 repo,不要依赖于 dev-reading/fe 学习知识。本 repo 只是一个快速了解文章内容的工具,并不提供全文解读和翻译。你可以通过本平台快速了解文章里面的内容,找到感兴趣的文章,然后去阅读全文。

本文地址:https://github.com/dev-readin...

阅读时间大概 2 分钟


如今大多数“现代”语言都依然使用老旧的 C-style 语法。

我们看一下编程语言的年代:Lisp (1958)、Smalltalk (1972)、Objective-C (1984)、Haskell (1990)、OCaml (1996)、等等。这些都是上个世纪的语言了。

本文作者选择了几个最新的语言:Reason、Swift、Kotlin、Dart 作为研究对象,总结了 10 个特性:

1 管道操作符 Pipeline operator

Reason 语法

let newScore = me.score
  |> double
  |> (it) => add(7, it)
  |> (it) => boundScore(0, 100, it);

对应的 JavaScript 写法:

boundScore(0, 100, add(7, double(me.score)));

而 es 也已经有了对应的提案:tc39/proposal-pipeline-operator

2 模式匹配 Pattern matching

Kotlin 语法

when (x) {
    in 1..10 -> print("x is in the range")
    in validNumbers -> print("x is valid")
    !in 10..20 -> print("x is outside the range")
    else -> print("none of the above")
}

3 Reactive (Rx) programming build in the language

Dart 语法

input.onKeyDown                                              
  .where((e) => e.ctrlKey && e.code == 'Enter')              
  .forEach((e) => dispatch(addTodoAction(e.target.value)));

4 lambda 函数的默认参数

Kotlin 语法(使用 it 作为默认参数)

strings
  .filter{ it.length == 5 }
  .map{ it.toUpperCase() }

对比 JavaScript

strings
  .filter{ it => it.length === 5 }
  .map{ it => it.toUpperCase() }

5 解构 Destructuring

Reason 语法:

let someInts = (10, 20);
let (ten, twenty) = someInts;

type person = {name: string, age: int};
let somePerson = {name: "Guy", age: 30};
let {name, age} = somePerson;

Kotlin 语法

data class Person(val name: String, val age: Int)
val(name, age) = Person("Guy", 20)

es6 已经有了数组解构,es8 增加了对象解构

6 操作符级联 Cascade operator

Dart 语法

querySelector('#button') // Get an object.
  ..text = 'Confirm' // Use its members.
  ..classes.add('important')
  ..onClick.listen((e) => dispatch(confirmedAction()));

对应的 JavaScript 写法

var button = querySelector('#button');
button.text = 'Confirm';
button.classed.add('important');
button.onClick.listen((e) => dispatch(confirmedAction()));

如果使用 jQuery 基本在写法上就和 dart 一致了,但是两者有本质的不同

7 if 表达式 If expressions

Kotlin 语法

val result = if (param == 1) {
    "one"
} else if (param == 2) {
    "two"
} else {
    "three"
}

对于 if 表达式有人喜欢,有人讨厌,有人觉得无所谓;我是非常喜欢的,我之前在知乎有个回答:https://www.zhihu.com/questio...

8 Try expressions

Kotlin 语法

val result = try {
    count()
} catch (e: ArithmeticException) {
    throw IllegalStateException(e)
}

9 自动科里化 Automatic currying

Reason 语法:

let add = (x, y) => x + y;   /* same as (x) => (y) => x + y; */
let five = add(2,3);         /* 5 */
let alsoFive = add(2)(3);    /* 5 */
let addFive = add(5);        /* y => 5 + y; */
let eleven = addFive(6);     /* 11 */
let twelve = addFive(7);     /* 12 */

10 方法扩展 Method extensions

Swift 语法:

extension Int {
    func repetitions(task: () -> Void) {
        for _ in 0..<self {
            task()
        }
    }
}

3.repetitions({
    print("Hello!")
})
// Hello!
// Hello!
// Hello!

JavaScript 可以在原型上扩展。


我觉得还有要给非常有用的特性,optional-chaining。之所以没有提到,是因为大多数语言都已经有这个特性了吧,看来 JavaScript 还是发展太慢啊。。。

继续阅读原文:https://medium.com/@kasperpeu...

如果觉得我的文章对你有用,请随意赞赏

你可能感兴趣的文章

iOS122 · 11月16日

声明函数时,参数类型现在是放在变量名后; 函数的返回值后,也是放在了函数声明的后面

回复

载入中...
justjavac justjavac

37.6k 声望

发布于专栏

JJC 前端进阶

224 人关注