在 Javascript 中不用括号也能调用函数？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 1270 天前的主题，其中的信息可能已经有所发展或是发生改变。

今天看代码突然发现了类似于下面的一段 js 代码，是可以正常输出的：

function log_this(string, param) {
    console.log(param);
}

(function (elem) {
    log_this`${elem}`;
})('ok');

我想问的是，代码里面的这个：

log_this ${elem};

为什么可以正常调用（新的 ES 语法？）；原谅我的孤陋寡闻~

22 条回复 • 2021-06-06 10:16:02 +08:00

qW7bo2FbzbC0

2021-06-04 15:12:49 +08:00

关注，我也觉得好奇

ubbcou

2021-06-04 15:14:30 +08:00

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Template_literals#%E5%8E%9F%E5%A7%8B%E5%AD%97%E7%AC%A6%E4%B8%B2

原始字符串
在标签函数的第一个参数中，存在一个特殊的属性 raw，我们可以通过它来访问模板字符串的原始字符串，而不经过特殊字符的替换。

```
function tag(strings) {
console.log(strings.raw[0]);
}

tag`string text line 1 \n string text line 2`;
// logs "string text line 1 \n string text line 2" ,
// including the two characters '\' and 'n'
```

ubbcou

2021-06-04 15:17:45 +08:00

哎呦，我错了，跟原始字符串没关系。

jasonkayzk

2021-06-04 15:19:09 +08:00

@ubbcou #3 不不不，再往下一点有答案了，“带标签的模板字符串”

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Template_literals#%E5%B8%A6%E6%A0%87%E7%AD%BE%E7%9A%84%E6%A8%A1%E6%9D%BF%E5%AD%97%E7%AC%A6%E4%B8%B2

ubbcou

2021-06-04 15:21:00 +08:00

这段话是解释，你的代码中 log_this 替代了默认函数
占位符中的表达式和周围的文本会一起传递给一个默认函数，该函数负责将所有的部分连接起来，如果一个模板字符串由表达式开头，则该字符串被称为带标签的模板字符串，该表达式通常是一个函数，它会在模板字符串处理后被调用，在输出最终结果前，你都可以通过该函数来对模板字符串进行操作处理。

jasonkayzk

2021-06-04 15:22:01 +08:00

@ubbcou #5 可以的，学到了，哈哈；

ubbcou

2021-06-04 15:22:28 +08:00

@jasonkayzk hh，标签函数