JS 没有没这种语法糖

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2989 days ago, the information mentioned may be changed or developed.

对于这样的对象和函数

const obj = {
    content:{
        value:{
            text:'foo',    
        },    
    },
};

const fn = text => text.slice(1) + 'bar' ;

经常需要写这样的代码

obj.content.value.text = fn(obj.content.value.text);
obj.content.value.text = obj.content.value.text.replace( /f(oo)/ , '$1' );

这里的 obj.content.value.text 明显是重复的

借用类似管道的概念，是否有语法糖可以简化成这种样子

obj.content.value.text <-> fn ;
obj.content.value.text <-> function(){ ::replace( /f(oo)/ , '$1' ); };

Supplement 1 · Apr 22, 2018

大家写过这种代码吧

let num = 42;
num += 5;

把 += 抽象就是我要的东西
本质是函数式的赋值运算符

12 replies • 2018-04-23 13:46:31 +08:00

Pastsong

Apr 22, 2018 via Android

有啊，在 TC39 Stage 1
https://github.com/tc39/proposal-pipeline-operator

murmur

Apr 22, 2018

with 关键字？

whileFalse

Apr 22, 2018

要说语法糖的话有 with 关键字。
不过你只需要：
let temp = obj.content.value

whileFalse

Apr 22, 2018

修正，with 不是语法糖。with 是个不太好的东西，影响了动态语言的静态优化。

lrz0lrz

Apr 22, 2018

`obj.content.value.text = fn(obj.content.value.text).replace( /f(oo)/ , '$1' );`
这样不行吗？

leven87

Apr 22, 2018

这是所谓的 ES6 吧，老程序员表示还看不太懂。哎

jorneyr

Apr 22, 2018

```html
<!DOCTYPE html>
<html>

<head>
<title></title>
</head>

<body>
<script type="text/javascript">
'use strict';

/**
* 把字符串路径生成链式对象的命名空间。
*
* 使用命名空间，可以减少命名冲突，可以像下面这么做:
* var ns = ns || {};
* ns.ModuleClass = {};
*
* 但是如果名字太长，如 a.b.c.e.f.g.h，这样的方式定义命名空间需要太多代码，很麻烦。
**/
function namespace(qualifiedPath) {
var arr = qualifiedPath.split('.');
var i = 0;
var name;
var root = window;

while (name = arr[i++]) {
if (!root[name]) {
root[name] = {};
}

root = root[name];
}

return root;
}
</script>

<script>
'use strict';
namespace('com.xtuer.util'); // 生成命名空间 com.xtuer.util

// 定义类 Foo 的构造函数
com.xtuer.util.Foo = function() {
this.x = 10; // 定义成员变量
this.y = 20; // 定义成员变量
}

// 给类 Foo 定义函数 bar()
com.xtuer.util.Foo.prototype.bar = function() {
console.log('[' + this.x + ', ' + this.y + ']'); // 调用成员变量
this.foo(); // 调用成员函数
}

com.xtuer.util.Foo.prototype.foo = function() {
console.log('Amazing');
};

var x = new com.xtuer.util.Foo(); // 创建对象，调用对象的函数
x.bar();
x.foo();
</script>
</body>

</html>
```

写个 namespace 的函数，每次调用一下