2

我正在创建一个自定义对象，以在我工作的一些内部应用程序中使用。我研究了一些方法来做到这一点——这就是我想出来的。 

function ISGrader(text)
{
this.text = text;

this.printInfo = function(){
    alert("Object working " + text);    
}

this.putGrade = function(score)
{
           alert(score);
}
 }

我相信这显示了构造函数类型的功能，以及我将构建的一些简单的入门方法。

上述是好的做法还是有另一种更标准的方法？

4

5 回答 5

2

我更喜欢这种模式（IIFE），但这纯粹是意见：

var ISGrader = (function (text) {
    // anything declared here is "private"
    var printInfo = function() {
        alert("Object working " + text);    
    };

    var putGrade = function (score) {
        alert(score);
    };

    // put "publicly" accesible things in the returned object
    return {
        text: text,
        printInfo: printInfo,
        putGrade: putGrade
    };
})(text);
于 2012-08-09T18:18:36.537 回答
2

我更喜欢类似于下面的模式。您可以将其视为 4 步方法：

(function(parent) {

// 1. Declare private variables and functions that will be
// accessible by everybody within the scope of this 
// function, but not outside of it.
var doSomethingAwesome = function() { .. }; // private function
var coolInteger = 42; // private variable

// 2. Create the constructor function
function ISGrader() {
    ..
}

// 3. Create shared public methods on the prototype object.
// These will be created only once, and shared between all objects
// which is more efficient that re-creating each method for each object.
ISGrader.prototype.printInfo = function() { .. };
ISGrader.prototype.putGrade = function(score) { .. };

// 4. Expose the constructor to the outside world.
parent.ISGrader = ISGrader;

})(window);

将所有内容都包含在自执行匿名函数中的原因是为了确保我们在内部创建的私有变量不会泄漏到封闭范围之外，并且基本上保持事物清洁。

像这样声明构造函数的另一个好处是，您可以window通过更改一个单词轻松地将父对象从 say 更改为另一个命名空间对象。

于 2012-08-09T18:47:08.547 回答
1

始终建议使用“原型”来完成。这样你也可以继承它的属性并创建新的。

var ISGrader = function(text) {
    this.text = text;

    var _privateVar = text;

    this.updatePrivateVar = function(newText) {
        _privateVar = newText;
        alert("private variable updated");
    }
}
ISGrader.prototype.text = "";
ISGrader.prototype.printInfo = function() {
    alert("Object working " + this.text);
}
ISGrader.prototype.putGrade = function(score) {
    alert(score);
}

var isGrader = new ISGrader("hello");
isGrader.printInfo();



// Inherit and create a new definition
var ISGrader2 = function() {}
ISGrader2.prototype = new ISGrader();

var isGrader2 = new ISGrader("hello2");
isGrader2.printInfo();
isGrader2.updatePrivateVar("hello3");

演示：http: //jsfiddle.net/rkspP/3/

于 2012-08-09T18:19:52.980 回答
0

虽然不是真正的答案，但我推荐 Douglas Crockford 的书JavaScript：The Good Parts，因为它很好地向您介绍了该语言的“好的部分”，并讨论了在 JavaScript 中创建对象的不同方法的优缺点。

如果您只是想了解 JavaScript 对象中成员可见性的说明，也可以查看此资源：http: //javascript.crockford.com/private.html

于 2012-08-09T18:20:06.800 回答
0

如果您计划在ISGrader单个页面上创建多个对象，则将函数粘贴在分配给ISGrader这样的原型对象中会更节省内存：

function ISGrader(text) {
    this.text = text;
}

ISGrader.prototype = {
    printInfo: function() {
        alert("Object working " + this.text);
    },
    putGrade: function(score) {
        alert(score);
    }
}
于 2012-08-09T18:22:34.753 回答