2020-09-29 22:09:05 +02:00

2.7 KiB

id, title, challengeType, videoUrl, forumTopicId, localeTitle
id title challengeType videoUrl forumTopicId localeTitle
56bbb991ad1ed5201cd392cf Write Reusable JavaScript with Functions 1 https://scrimba.com/c/cL6dqfy 18378 用函数编写可重用代码

Description

在 JavaScript 中,我们可以把代码的重复部分抽取出来,放到一个函数中。 举个例子:
function functionName() {
  console.log("Hello World");
}

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

Instructions

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

Tests

tests:
  - text: <code>reusableFunction</code>应该是一个函数。
    testString: assert(typeof reusableFunction === 'function');
  - text: <code>reusableFunction</code>应该在控制台中输出 "Hi World"。
    testString: assert(hiWorldWasLogged);
  - text: 在你定义<code>reusableFunction</code>之后记得调用它。
    testString: assert(/^\s*reusableFunction\(\)\s*/m.test(code));

Challenge Seed

// Example
function ourReusableFunction() {
  console.log("Heyya, World");
}

ourReusableFunction();

// Only change code below this line

Before Test

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 Test

uncapture();

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

Solution

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