Javascript方法/對象

Question

我想我終於將頭緒集中在理解方法，構造函數和對象如何工作上。 有人可以查看我的代碼，並讓我知道我是否使用正確的名稱和語法？ 萬分感謝！

function objectConstructor (arg1, arg2) {
     this.property1 = arg1;
     this.property2 = arg2;
     this.methodName = functionName;
}
function functionName() {
     console.log(this.property1 + ' ' + this.property2);   
}

var object1 = new objectConstructor('value1','value2');

console.log(object1.property1);
console.log(object1.methodName());  

Answer 1

Javascript類的方法應定義為原型：

var CustomObject = function (arg1, arg2) {
     this.property1 = arg1;
     this.property2 = arg2;
};

CustomObject.prototype.functionName = function() {
     console.log(this.property1 + ' ' + this.property2);   
};

var object1 = new CustomObject("value1","value2");

不過，其他一切對我來說似乎都很好。

Answer 2

使用原型函數。 否則，您的內部函數將與每個實例一起復制。

function Person(firstName, lastName)
{
    this.firstName = firstName;
    this.lastName = lastName;
}

Person.prototype.getFullName = function()
{
    return this.firstName+' '+this.lastName;
}

var person1 = new Person('foo', 'bar');
console.log(person1.getFullName());

還有許多其他模式，例如可以防止對全球范圍的污染或允許使用更類似類的方法。 （對象文字，模塊模式，自執行匿名函數）

與模塊模式相同的示例：

var Person = (function()
{
    var Person = function(firstName, lastName)
    {
        this.firstName = firstName;
        this.lastName = lastName;
    }

    Person.prototype.getFullName = function()
    {
        return this.firstName+' '+this.lastName;
    }

    return Person;

})();

var person1 = new Person('foo', 'bar');
console.log(person1.getFullName());