Question

我读过我们可以调用匿名函数作为变量。但是我正在尝试这样做，除此之外我想访问它的属性和方法。这是我的代码

var cooking = function(){
        this.dessert = "Ice Cream";
        this.numberOfPortions = 20;
        this.doubleLunch = function(){this.numberOfPortions = 40;
            document.write(this.numberOfPortions);};
        };

document.write(cooking.dessert);

但我什么都没得到。你能说我做错了什么吗？感谢

Answer 1

cooking是一个功能。 当您调用时，它会定义this上的许多属性。

结构意味着它可以用作构造函数，因此您可以使用new关键字创建它的实例。

然后您可以与实例进行交互。

var meal = new cooking();
document.write(meal.dessert);

注意：约定规定构造函数（仅构造函数）应以大写首字母开头命名，因此您应将其重命名为Cooking。

Answer 2

当函数作为构造函数调用时，

this引用自身，您可以使用立即调用的函数表达式（IIFE）来执行此操作。

var cooking = (function () {
    return new function () {
        this.dessert = "Ice Cream";
        this.numberOfPortions = 20;
        this.doubleLunch = function () {
            this.numberOfPortions = 40;
            document.write(this.numberOfPortions);
        };
    }
})();

document.write(cooking.dessert);

DEMO：http://jsfiddle.net/fk4uydLc/1/

但是，使用普通的旧JavaScript对象（POJO）可以获得相同的结果。

var cooking = (function () {
    var obj = {};

    obj.dessert = "Ice Cream";
    obj.numberOfPortions = 20;
    obj.doubleLunch = function () {
        obj.numberOfPortions = 40;
        document.write(obj.numberOfPortions);
    };

    return obj;
})();

document.write(cooking.dessert);

DEMO：http://jsfiddle.net/vmthv1dm/1/

如果你打算多次使用构造函数，那么@Quentin提到的方法就是你的选择。

function Cooking() {
    this.dessert = "Ice Cream";
    this.numberOfPortions = 20;
    this.doubleLunch = function () {
        this.numberOfPortions = 40;
        document.write(this.numberOfPortions);
    };
}

var cooking = new Cooking();

document.write(cooking.dessert);

DEMO：http://jsfiddle.net/jsd3j46t/1/

Javascript - 如何将匿名方法作为变量调用并访问其属性和方法？

2 个答案: