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(hiWorldWasLogged);

在你定义 reusableFunction 之后记得调用它。

assert(/^\s*reusableFunction\(\)\s*/m.test(code));

--seed--

--before-user-code--

var logOutput = "";
var originalConsole = console;
var nativeLog = console.log;
var hiWorldWasLogged = false;
function capture() {
    console.log = function (message) {
        if(message === 'Hi World')  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);
        }
    };
}

function uncapture() {
  console.log = nativeLog;
}

capture();

--after-user-code--

uncapture();

if (typeof reusableFunction !== "function") { 
  (function() { return "reusableFunction is not defined"; })();
} else {
  (function() { return logOutput || "console.log never called"; })();
}

--seed-contents--


--solutions--

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