因为ES6语法的普及体现了它的重要性再加上想要在温习一下ES6语法，不仅发现还有很多需要学习的地方，同时发现最新的提案例有这么几个特别牛逼（sao）的操作，同时提案已经进入了Stage3阶段了。
分别是可选链、双问号、管道语法
1.更多用法细节请了解---参考地址
2. 想学习ES6语法的朋友可以点此连接 ECMAScript 6 入门
3.更多提案
可选链
在开发的时候通常会遇到这种情况，为了严谨我们的代码是这样的
var nickName = user.name && user.nickname;
var value= patient ? patient.value: undefine
再或者做判断
if (a && a.b && a.b.c) {
// Todo
}
当有了新语法以上可写成下面这样
var nickName = user.name?.nickname;
var value= patient.value? .value
if (a?.b?.c) {
// Todo
}
如果想在项目中使用此语法，需要babel7转译，插件选择@babel/plugin-proposal-optional-chaining
双问号
但在实际使用中，还是会有些不便，比如
const result = response?.settings?.n || 100
你的本意是如果 response 或者 response.settings 或者 response.settings.n 不存在（值为 null 或者 undefined）时，result 默认为 100。
但是上面代码在 n 为 0 的时候，也会让 result 变成 100，你实际上希望此时 result 为 0。
于是代码写成这样
const result = response?.settings?.n === undefined ? 100 : response?.settings?.n
或封装一下
const result = fetch(response?.settings?.n, 100)
所以双问号语法就来解决这个问题简化代码：
const result = response?.settings?.n ?? 100
?? 的意思是，如果 ?? 左边的值是 null 或者 undefined，那么就返回右边的值。
管道运算符
有时也会遇到这个场景，一个参数，不断经过函数处理，结果又被当作参数传给下个函数，代码可能是这样的：
const result = foo(bar(baz('hello world')))
管道给人的感觉就是一条流水线，从上到下，参数输入，结果输出，所以语法也很简洁：
const result = 'hello world' |> baz |> bar |>foo
想在项目中使用同样需要babel7，并使用@babel/plugin-proposal-pipeline-operator插件，
"plugin": [
[
"@babel/plugin-proposal-pipeline-operator",
{
"proposal": "minimal"
}
]
]
注意，在配置.babelrc时需要指定proposal参数，更多参数请了解https://babeljs.io/docs/en/babel-plugin-proposal-pipeline-operator
如果函数还需要别的参数，那么可以这么写：
const result = 'hello world' |> baz |> (str => baz(str, 'other args')) |> foo
但是如此就看着不简洁了，所以有个备选方案：使用#代表上个结果值，即：
const result = 'hello world' |> baz |> baz(#, 'other args')) |> foo
更新
公众号正式开始运行，欢迎前端小伙伴或者热爱前端技术的小伙伴关注一下，给予支持，期待你的到来。
