在javascript中定义函数的参数列表

Question

如果这是重复的，我很抱歉，但我真的不知道如何问这个问题。 我来自母语背景，您可以控制参数的传递方式（按值、引用或指针），尽管我已经使用 javascript 多年，但我仍然很难知道什么时候变量有时通过引用或值传递。

我想允许在 javascript 类中覆盖一个函数，但基本上我在将参数作为对函数的引用传递时遇到了问题。

我将不得不提供一个例子，因为我不知道如何解释这一点。

所以我有一个“类”，我称之为exampleClass：

exampleClass = function()
{
    var m_largearray = [];
    var m_width = 100;
    var m_funcParams = {data: m_largearray, width:m_width};
    var m_someFunction = function(_params){
        // do stuff
    }
    var m_finalValues = [];
    return {
        doProcessing: function()
        {
            // do some things
            m_finalValues = m_someFunction(m_funcParams);
            // do stuff with the m_finalValues
        }
        setFunction: function(_func, _params)
        {
            m_someFunction = _func;
            m_funcParams = _params;
        },
        largearray: m_largearray,
        width: m_width
    }
}

所以这个类有一个被调用的函数，doProcessing()。 在这个函数内部，它调用另一个执行部分处理的函数，但是当我不希望以默认方式处理数据时，我希望在类之外控制这部分处理。

所以像这样：

var classinstance = exampleClass();
var somespecialarray = [];
var someint = 5;
var somewidth = 900;
classinstance.setFunction(function(_params){
    // do some processing with different set of params
    // even though somewidth was set to 400, i will still get _params.width = 900 here
    // return some array
},
{data:somespecialarray, anint:someint, width:somewidth});
somewidth = 400;
classinstance.doProcessing();

这只是我正在尝试做的事情的一个完整示例，我只是在这里写了这段代码，所以如果有错误，那就是原因。

无论如何，问题在于我设置的参数列表（我尝试使用数组而不是对象）。 当我设置 m_funcParams 时，数据似乎被复制而不是被引用。 当我更改这些参数时，例如 m_largearray，当调用默认函数时，参数数据是我最初设置 m_funcParams 时的数据，而不是我将 m_largearray 更新为的数据，与我覆盖函数时相同，如果我将 somewidth 从 900 更改为 800，当我调用该函数时，宽度参数仍为 900。

我希望这是有道理的，我只需要弄清楚为什么函数没有获得更新的值，以及是否有更好的方法来做到这一点。

那么，为什么函数没有得到改变的值，有没有更好的方法来做到这一点？

编辑：这是一个完整的工作示例。 我想我刚刚意识到当我将变量设置为其他东西时，我基本上失去了一个指向它之前的值的“指针”。 如果我在数组中设置一个元素，它会在函数中更新，但如果我设置整个数组，它不会

<html>
<body>
<script>
var exampleClass = function()
{
    var m_largearray = [1,2,3];
    var m_width = 100;
    var m_funcParams = {data: m_largearray, width:m_width};
    var m_someFunction = function(_params){
        // do stuff
        alert(_params.data[0]);
    }
    var m_finalValues = [];
    return {
        doProcessing: function()
        {
            // do some things
            m_finalValues = m_someFunction(m_funcParams);
            // do stuff with the m_finalValues
        },
        setFunction: function(_func, _params)
        {
            m_someFunction = _func;
            m_funcParams = _params;
        },
        largearray: m_largearray,
        width: m_width
    }
}

var classinstance = exampleClass();
classinstance.largearray[0] = 3;
classinstance.doProcessing();

classinstance.largearray = [7,8,9];
classinstance.doProcessing();

var somespecialarray = [4,5,6];
var someint = 5;
var somewidth = 900;
classinstance.setFunction(function(_params){
    // do some processing with different set of params
    // even though somewidth was set to 400, i will still get _params.width = 900 here
    alert(_params.width);
    // return some array
},
{data:somespecialarray, anint:someint, width:somewidth});
somewidth = 400;
classinstance.doProcessing();
</script>
</body>
</html>

Answer 1

我希望我理解正确，这会有所帮助。

首先，当您将对象传递给作为引用传递的函数时，因此更改其中一个属性将更改引用对象的属性。

但是，当您在示例中调用classinstance.setFunction时，您传递了一个具有属性width的对象，该对象接收了变量somewidth ，它不是一个对象，因此它是按值传递的。

最后，当您将someWidth更改为 800 时，您只更改了someWidth ，因为width是作为值传递的。

编辑：此外，在调用classinstance.setFunction ，您传递了一个不属于该范围的参数为_param的函数。

在javascript中定义函数的参数列表

问题描述

1 个解决方案

解决方案1
2 已采纳 2016-03-16 13:18:54

在javascript中定义函数的参数列表

问题描述

1 个解决方案

解决方案1 2 已采纳 2016-03-16 13:18:54

解决方案1
2 已采纳 2016-03-16 13:18:54