首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何调用存在于2个js文件中的js方法?

如何调用存在于2个js文件中的js方法?
EN

Stack Overflow用户
提问于 2018-05-18 16:05:22
回答 2查看 63关注 0票数 1

我在html文件中添加了2个js文件。

代码语言:javascript
复制
  <head>
    <script type="text/javascript" src="js_001.js"> </script>
    <script type="text/javascript" src="js_002.js"></script>
</head>

这两个js文件都包含方法调用“func1”

  1. 我是怎么从js_002打电话给js_002的?
  2. 如果存在方法func1 => js_001和方法func2 => js_002

当我从我的html代码调用func2时-我得到一个关于func2不存在于js_001上的错误.这是为什么,以及如何解决它?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-05-18 16:12:50

global作用域中使用相同名称定义的函数本身会过度使用。最后一个定义将超越前一个定义。

因此,您可以在其他范围内填充函数,例如,对象:

代码语言:javascript
复制
// In js_001.js
var js_001 = {
    foo : function() {

    }
};

// Inside js_002.js
var js_002 = {
    foo : function() {

    }
};

然后可以通过:js_001.foo();js_002.foo();调用这两个函数。

希望能帮上忙。

票数 3
EN

Stack Overflow用户

发布于 2018-05-18 16:20:46

就像其他人说的那样,你不能这样做,这就是为什么当你有更大的应用程序时,使用模块是个好主意。

您可以在模块内的js文件中将脚本写入函数中,该模块包含与某些功能相关的所有函数,如

文件js_001.js

代码语言:javascript
复制
var js_001 = (function () {

  return {
    foo : function () {
      // code
    }
  };

})();

文件js_002.js

代码语言:javascript
复制
var js_002 = (function () {

  return {
    foo : function () {
      // code
    }
  };

})();

像这样调用你的功能:

代码语言:javascript
复制
onclick="js_001.foo()"
onclick="js_002.foo()"
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50415316

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档