如何将参数从父函数传递给子函数

Question

我有一个奇怪的任务：创建一个函数来创建其他函数（它们会将文本包装在 HTML 标记中）。

问题是我不知道如何在子函数中传递父参数。

function wrapperBuild(tag) {
  return new Function('text', "return '<' + tag + '>' + text + '<' + tag + '/>");
};

let wrapP = wrapperBuild("p");

console.log(wrapP('some text'));

//expected output: <p>some text</p>

Answer 1

有多种调用方式。

而且你应该使用Template literals 而不是加入字符串。

1

function wrapperBuild(tag) {
  return function (text) {
    return `<${tag}>${text}</${tag}>`;
  };
}

let wrapP = wrapperBuild("p");

console.log(wrapP("some text"));

2

function wrapperBuild(tag) {
  return function (text) {
    return `<${tag}>${text}</${tag}>`;
  };
}
let p = wrapperBuild("p")("some text");

console.log(p);

// OR - console.log(wrapperBuild("p")("some text"));

3

您可以通过使用箭头函数来进一步简化它...

const wrapperBuild = (tag) => (text) => `<${tag}>${text}</${tag}>`;

console.log(wrapperBuild("p")("some text"));

---

一些有用的链接：

• Documentation of Template literals

• Functions that return a function

• Arrow function expressions

Answer 2

尝试返回一个接受text 并返回html 的新函数。我用过arrow函数

使用箭头函数

function wrapperBuild(tag) {
  return (text) => {
    return `<${tag}> ${text} </${tag}>`;
  };
}

const fn = wrapperBuild("h1");
console.log(fn("hello world"));

使用老派功能

function wrapperBuild(tag) {
  return function(text){
    return `<${tag}> ${text} </${tag}>`;
  };
}

const fn = wrapperBuild("h1");
console.log(fn("hello world"));