JavaScript 范围和对象

Question

将对象从一个函数传递到另一个函数是否需要任何特殊措施？我对面向对象的 JavaScript 比较陌生，所以如果有一个简单的修复方法，请原谅我。 这是我遇到的问题的一些示例代码。

function foo {

    var x = 0;
    var y = 0;
    /* this is the JavaScript Object that is passed in
    cell = {
            left: {x: someInt, y: someInt},
            up: {x: someInt, y: someInt},
            right: {x: someInt, y: someInt},
            down: {x: someInt, y: someInt},
            x: someInt,
            y: someInt
        }
    */    

    this.turn = function(cell){
        console.log(cell);
        processNeighbors(cell);
        smartMove(x,y, cell);

    function smartMove(x,y,cell) {
         // make a smart decision
    }

    function processNeighbors(x, y, cell) {
        console.log(cell); // this is the line of the undefined error
        // process all neighbors
    }
}

我希望两个输出是相同的，但是，processNeighbors 函数内的 console.log() 返回一个有效响应，bar 函数返回一个“无法读取未定义的属性“值”。

所以当一个对象从一个函数传递到下一个函数时，它会超出范围吗？我不会在任何函数中更改对象本身。

Answer 1

再看看你的代码：

function processNeighbors(x, y, cell) {
    console.log(cell); // this is the line of the undefined error
    // process all neighbors
}

processNeighbors 在函数范围内创建 var cell。 （第三个论点）

因此，当您调用processNeighbors(cell); 时，如果您的函数将是单元格，则x 参数将是未定义的y 和cell 参数。

要么从参数中删除cell：

function processNeighbors(x, y) {
    console.log(cell);
}

// or - if that was the intended way to call the function
function processNeighbors(cell) {
    console.log(cell);
}

或者用正确的参数调用它：

processNeighbors(x,y,cell);

我不会评论您代码中的任何其他错误，因为我认为这些只是复制和粘贴错误。

作为一个非常简单的例子：

var x = 10;
function fn(x) {
    alert(x);
}
function fn2() {
    alert(x);
}
fn(5); // will alert 5
fn(); // will be undefined
fn(x); // will alert 10
fn2(); // will alert 10