Javascript名称空间-函数之间的变量交换

Question

这个问题已经在这里有了答案：

• JavaScript是按引用传递还是按值传递语言？ 30个答案

我知道我在使用命名空间时犯了严重错误。 我在网络/谷歌搜索中研究了一吨后发布了这个问题。 仍然找不到我在做什么错。 你能帮我吗？ 这就是我所拥有的

使用Javascript

Javascript文件1

(function (js_namspace1, $, undefined) {
    js_namespace1.n1function1 = function(){

      var return_obj = {
         return_function_to_call: “n1function_name2”
         return_function_to_call_namespace: “js_namespace1”
       }
      js_namespace2.n2function1(return_obj)
    }
    Js_namespace1.n1function_name2 =function(list_of_names){
        Js_namespace1.list_of_names = list_of_names
        // do some processing to js_namespace1. list_of_names
    }
}
(window. js_namspace1 = window. js_namspace1|| {}, jQuery ));

Javascript文件2

(function (js_namspace2, $, undefined) {
    js_namespace2.n2function1(return_obj) = function(return_obj){
    js_namespace2.return_function_to_call =     return_obj.return_function_to_call
    js_namespace2.return_function_to_call_namespace = return_obj.  .return_function_to_call_namespace

    // do some processing
    Js_namespace2.list_of_names = []
    Js_namespace2. list_of_names.push(value_name)
    window[js_namespace2.return_function_to_call_namespace][js_namespace2.return_function_to_call]( Js_namespace2.list_of_names);
  }
}
(window. js_namspace2 = window. js_namspace2|| {}, jQuery ));

HTML

根据最终用户单击字段，从html file1调用js_namespace1.n1function1

// js_namespace1.n1function1调用js_namespace2.n2function1并显示另一个html file2

//在html file2中处理数据（收集名称的值），然后调用返回函数Js_namespace1.n1function_name2

在Js_namespace1.n1function_name2 ，处理Js_namespace1.list_of_names(array) ，但是当我这样做时，它在Js_namespace2.list_of_names也会更改

例如，当我执行Js_namespace1.n1function_name2.push(add_another_name) ，然后调用js_namespace1.n1function1 （依次调用js_namespace2.n2function1 ）。 Js_namespace2.list_of_names包含的价值add_another_name 。

请注意，当js_namespace2.n2function1从所谓js_namespace1.n1function1阵列不是作为参数传递。

我的期望是，当js_namespace1.n1function1电话js_namespace2.n2function1它不会更新 Js_namespace2.list_of_names与add_another_name 。

您能解释一下发生了什么吗？ 最重要的是指出在设计中应该避免的任何错误（命名空间，函数调用之间的参数交换）。 我是否在javascript中正确使用了名称空间-有什么推荐的最佳做法？

Answer 1

这是来自Google的快速搜索链接 ，其中包含JS的最佳做法。 那里有不同的思想流派（例如， 使用终止分号 ），但是，如果您不自己注意，则使用某种短绒毛毡可能会帮助您找出错别字，区分大小写和代码中意外的空格。 以下是带有一些修复程序的代码：

(function (js_namespace1, $, undefined) {

    js_namespace1.n1function1 = function(){

      var return_obj = {
         return_function_to_call: "n1function_name2",
         return_function_to_call_namespace: "js_namespace1"
       };
      js_namespace2.n2function1(return_obj)
    };
    js_namespace1.n1function_name2 =function(list_of_names){
        js_namespace1.list_of_names = list_of_names;
        console.log(js_namespace1.list_of_names); // ["some_name"]
    };
}
(js_namespace1 = window.js_namespace1 || {}, jQuery));

(function (js_namespace2, $, undefined) {
    js_namespace2.n2function1 = function(return_obj){
    js_namespace2.return_function_to_call =  return_obj.return_function_to_call;
    js_namespace2.return_function_to_call_namespace = return_obj.return_function_to_call_namespace;

    // do some processing
    js_namespace2.list_of_names = [];
    js_namespace2.list_of_names.push("some_name");
    window[js_namespace2.return_function_to_call_namespace][js_namespace2.return_function_to_call]( js_namespace2.list_of_names);
  };
}
(js_namespace2 = window.js_namespace2 || {}, jQuery));
js_namespace1.n1function1();

有关您的代码和我的修正的一些要点：

• 您使用的区分大小写的名称，如js_namespace2为Js_namespace2 。
• 您的语法错误js_namespace2.n2function1(return_obj) = function(return_obj) 。
• 在这里： return_obj. .return_function_to_call_namespace return_obj. .return_function_to_call_namespace等。
• 未定义value_name

我在这里测试了代码，看到了预期的行为。