Drupal 8 - 我无法调用另一个 JavaScript 文件中的函数

Question

我的自定义主题上有两个 JavaScript 文件。一个文件具有需要在另一个文件上使用的功能。我下面的东西不起作用。这是我得到的错误。

Uncaught ReferenceError: test is not defined.

jQuery 将用于这两个文件。

file1.js

/**
 * @file
 * UI behaviors
 */

(function ($, Drupal) {

 'use strict';

  $(document).ready(function () {
    function test(){
     console.log('hello'):
    }
  });

})(jQuery, Drupal);

file2.js

/**
 * @file
 * UI behaviors
 */

(function ($, Drupal) {

  'use strict';

  $(document).ready(function () {
     test();
  });

})(jQuery, Drupal);

customtheme.libraries.yml

scripts:
  js:
    js/file1.js: {}
    js/file2.js: {}

customtheme.info.yml

libraries:
 - 'customtheme/scripts'

Answer 1

您的测试函数不在全局范围内。
如果您希望能够从任何地方调用您的测试函数，不要将它放在 $(document).ready 或 IIFE 中。
IE。在第一个文件中，只需..

function test(){
  console.log('hello);
}

您可能还想命名您的函数，但我想这是一个单独的问题。

此外，对于 Drupal，您可能希望使用 drupal.behaviors 而不是 $(document).ready（用于第二个文件）