Question

您是否曾经想过，如果可以使用普通的旧Javascript使用其他语言中您最喜欢的功能，那就太好了。例如，我很希望能够使用F＃管道运算符'|>'，但是JS中关于管道运算符的建议只是第1阶段ATM。

对于初学者，我尝试启用后缀表示法，即'1 2 +'=3。我发现使用ES6标记模板文字可能会有所帮助，但我在这里几乎没有涉及到任何问题。这只是概念的证明。

const Interpret = (strings, ...expressions) => {
  
  const hasPlus = strings.map(s => s.trim()).join('').match(/[+]$/)
  
  return hasPlus ? expressions.reduce((t, c) => t + c, 0) : null
  
}

const a = 1
const b = 2
const c = 3
const d = 4

const result = Interpret`${a} ${b} ${c} ${d} +`

console.log(result) // 10

此外，我偶然遇到了一个大障碍。带标签的模板文字函数的签名如下-myTag（strings：string []，... expressions）。表达式包括数字，字符串，布尔函数等。问题在于字符串和表达式的原始顺序显然丢失了。

如果您可以访问保留其原始顺序（它们在反引号之间出现的顺序）的字符串和表达式数组，那就太好了。

为此，我可以像这样评估数组的元素：我是否得到了一个表达式，很好，将其推入堆栈（只是用于入门的数组）...接下来，我得到了一个表达式，很酷，也将其推入堆栈...接下来我得到一个表达式，不-这是加号运算符。现在，我可以将前两个表达式求值的值“ a”和值“ b”输入到加号运算符中（很可能是一个函数）。接下来，将返回值压入堆栈，依此类推。

有人对下一步或步向另一个方向有想法吗？

感谢mpm，这似乎是向前的一步。

const Interpret = (strings, ...expressions) => {
  
  const raw = strings
  .map( (s, i) => s + (expressions[i] || '') )
  .map(s => s.trim())
  
  const plusPosition = raw.findIndex(s => s.match(/[+]/))
  
  return raw.slice(0, plusPosition).reduce((t, c) => t + parseInt(c), 0)
    
}

const a = 1
const b = 2
const c = 3
const d = 4

const result = Interpret`${a} ${b} ${c} ${d} +`

console.log(result)

Answer 1

我非常确定顺序不会丢失，否则字符串模板将无用，字符串应返回所有字符串部分，而表达式rest参数具有所有表达式值。只需将每个表达式放在2个字符串元素之间即可重建顺序

const i = (strings, ...expressions) => {
  const list = [];
  for (let i = 0; i < strings.length; i++) {
    if (strings[i].trim() !== '') {
      list.push(strings[i].trim())
    }
    if (i < expressions.length) {
      list.push(expressions[i])
    }
  }
  let stack = [];
  let result = 0;
  do {
    const token = list.shift()
    if (token === '+') {
      result = stack.reduce(function(result, value) {
        return result + value
      }, result)
      stack.length = 0;

    } else if (token === '-') {
      result = stack.reduce(function(result, value) {
        return result - value
      }, result)
      stack.length = 0;
    } else {
      stack.push(token)
    }
  } while (list.length > 0);
  return result;
}
const a = 2,
  b = 1,
  c = 4,
  d = 3,
  e = 4;
console.log("result", i `${a} ${b} ${c} ${d} + ${e} - `);

使用Javascript标记的模板文字编写口译员

1 个答案: