javascript - 如何限制 javascript/jquery 中函数的范围

Question

这个问题已经有答案了:

What is the purpose of wrapping whole Javascript files in anonymous functions like “(function(){ … })()”? (10 个回答)

已关闭 7 年前。

我有多个.js页面上链接的文件具有同名的函数，如以下模型

第一个.js

function DisplayContent(data,$target) // data is string
{
     $target.html('<span>'+ data +'</span>')
}

第二个.js

function DisplayContent(data,$target) // data is string
{
     $target.html('<div>'+ data +'</div>')
}

以上两个文件均引用了该页面。

如何在不重命名函数的情况下解决上述问题。

如有错误请指正。

谢谢

Answer 1

您可以在 JavaScript 文件中使用命名空间:

first.js:

var first= {
  DisplayContent: function DisplayContent(data,$target) 
  {
     $target.html('<span>'+ data +'</span>')
  },
     [additional methods in the first object]
};

second.js

var second= {
  displayContent: function DisplayContent(data,$target) 
  {
      $target.html('<div>'+ data +'</div>')
  },
  [additional methods for the second implementation]
};

然后调用诸如Namespace.method之类的方法，即first.DisplayContent()