freeCodeCamp/curriculum/challenges/chinese/02-javascript-algorithms-an.../basic-javascript/write-reusable-javascript-w...

2.2 KiB
Raw Blame History

id title challengeType videoUrl forumTopicId dashedName
56bbb991ad1ed5201cd392cf 用函数编写可重用代码 1 https://scrimba.com/c/cL6dqfy 18378 write-reusable-javascript-with-functions

--description--

在 JavaScript 中,我们可以把代码的重复部分抽取出来,放到一个函数 functions)中。

举个例子:

function functionName() {
  console.log("Hello World");
}

你可以通过函数名加上后面的小括号来调用(invoke)这个函数,就像这样: functionName(); 每次调用函数时,它都会在控制台上打印消息 Hello World。 每次调用函数时,大括号之间的所有代码都将被执行。

--instructions--

  1. 先创建一个名为 reusableFunction 的函数,这个函数可以打印 "Hi World" 到控制台上。
  2. 然后调用这个函数。

--hints--

reusableFunction 应该是一个函数。

assert(typeof reusableFunction === 'function');

如果调用 reusableFunction,应该在控制台输出字符串 Hi World

assert(testConsole());

在定义 reusableFunction 之后,就应该调用它。

const functionStr = reusableFunction && __helpers.removeWhiteSpace(reusableFunction.toString());
const codeWithoutFunction = __helpers.removeWhiteSpace(code).replace(/reusableFunction\(\)\{/g, '');
assert(/reusableFunction\(\)/.test(codeWithoutFunction));

--seed--

--after-user-code--


function testConsole() {
  var logOutput = "";
  var originalConsole = console;
  var nativeLog = console.log;
  var hiWorldWasLogged = false;
  console.log = function (message) {
    if(message === 'Hi World')  {
      console.warn(message)
      hiWorldWasLogged = true;
    }
    if(message && message.trim) logOutput = message.trim();
    if(nativeLog.apply) {
      nativeLog.apply(originalConsole, arguments);
    } else {
      var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
      nativeLog(nativeMsg);
    }
  };
  reusableFunction();
  console.log = nativeLog;
  return hiWorldWasLogged;
}

--seed-contents--


--solutions--

function reusableFunction() {
  console.log("Hi World");
}
reusableFunction();