使用对象名称作为参数名称

Question

在 javaScript 中，我创建如下所示的对象。当我将对象解析为函数时，我通常在对象之后命名参数。 [见下面的例子]。我的理由是，如果另一个开发人员出现并查看一个他们立即知道该函数需要 fooObj、barObj 和 laaObj 的函数。问题是：是否有任何可能与此相关的语法/性能问题。 （例如，某些浏览器会遇到参数名称与对象/“函数”同名的问题）。

function exampleObj(name, date, wine, cheese) {
    this.name = name;
    this.date = new Date(date);
    this.wine = wine;
    this.cheese = cheese;

    this.drink = function() {
        open(this.wine);
        pour(this.wine);
        consume(this.wine);
    }

    this.eat = function() {
        unwrap(this.cheese);
        getCrackers();
        informGromitOfCheese(this.cheese);
        consume(this.cheese);

    }
}

var example1 = new exampleObj("Foo", "02/05/2014", "Merlot", "Stinky Bishop");

当我将对象传递给函数时：

// Pass the exampleObj here. Param name == Function name
function foo(exampleObj) { // <-- Is this okay?
    alert(exampleObj.name);
}

foo(example1);

Answer 1

是的，您可以使用与参数相同的名称。但是我们通常使用 Pascal(Upper Camel Case) 来命名类，如 Date、Array.... 所以你可以将类命名为 ExampleObj 并将实例命名为 exampleObj 以避免混淆。

Answer 2

对不起，我之前发布的答案可能具有误导性，请看看这个小提琴，看看你是否能理解发生了什么..

http://jsfiddle.net/h_awk/8W92c/

function foo(name, age)
{
    this.name = name;
    this.age = age;

    this.getDetail = function()
    {
        alert('Name is: ' + this.name + ' age is: ' + this.age);
    }
}

function bar(foo)
{
    alert(foo.name);
}

bar(new foo('hawk', '24') );

你将构造函数传递给函数 bar，然后当你调用 bar 时，你实例化 foo，它可以以不同的方式完成。ie.var person = new foo('hawk', 24) 然后将 person 作为参数传递。 bar(person) 仍然得到相同的结果。 foo 的 this 值是指函数 foo 因此给你预期的结果，我很抱歉，我希望这会有所帮助.. :)