将变量插入导入的字符串[重复]答案

【问题标题】：Insert variable into imported string [duplicate]将变量插入导入的字符串[重复]
【发布时间】：2019-06-11 12:24:35
【问题描述】：

我试图在一个文件中定义常量并在另一个文件中使用它们。

我知道这行不通，但正确的方法是什么？

// const.js
export const GREETING = `Hello, ${name}`;

// displayGreeting.js
import { GREETING } from './const';
def displayGreeting(name) {
  return GREETING
}

>>> displayGreeting('barry')
>>> Hello, barry

【问题讨论】：

你可以创建const GREETING = name => `Hello, ${name}`;，然后在displayGreeting中使用GREETING(name)

标签： javascript

【解决方案1】：

不是导出一个字符串（用模板文字定义），而是导出一个函数，它接受一个参数，然后将其插入到返回的模板文字中：

export const makeGreeting = name => `Hello, ${name}`;

和

import { makeGreeting } from './const';
makeGreeting('barry');

另外，def displayGreeting(name) { 不是有效的 Javascript - 使用 function 或 () => 或类似的东西声明函数。

【讨论】：

【解决方案2】：

// const.js - exports a function
export const greeting = name => `Hello, ${name}`;

// index.js
import { greeting } from "./const";
const greetBarry = GREETING("barry");
console.log(greetBarry);

//Hello, barry

Codesandbox

【讨论】：