“摘要”的最佳实践JavaScript 中的函数？

Question

我刚刚编写了一些 JavaScript 代码，这些代码遵循我认为创建带有闭包和一些函数的对象的良好实践：

var myStuff = (function() {
 var number = 0;
 var fn = {};
 fn.increment = function() { number++; };
 fn.decrement = function() { number--; };
 fn.getNumber = function() { return number; };
 return fn;
})();

myStuff.increment();
myStuff.increment();
alert(myStuff.getNumber()); // alerts '2'

我编写像前面的代码片段这样的代码没有问题。我想编写一些具有类似于 OOP“抽象”类功能的代码。这是我努力的结果：

var myStuff = (function () {
var number = 0;
var fn = {};
fn.increment = function () { number++; };
fn.decrement = function () { number--; };
fn.doSomethingCrazy = function () { throw new Error('not implemented'); }; // I want to specify later what this does.
fn.doSomethingCrazyTwice = function () { fn.doSomethingCrazy(); fn.doSomethingCrazy(); };
fn.getNumber = function () { return number; };
return fn;
})();

myStuff.doSomethingCrazy = function () { this.increment(); this.increment(); };
myStuff.doSomethingCrazyTwice();
alert(myStuff.getNumber()); // alerts '4'

上面的代码片段可以工作，但看起来并不优雅。也许我试图强制 JavaScript（一种函数式语言）做一些它不打算做的事情（对象继承）

在 JavaScript 中定义对象以便稍后可以定义该对象的函数的好方法是什么？

Answer 1

只是不定义该函数。

Javascript 是一种鸭子类型语言。如果它看起来像鸭子并且嘎嘎叫起来像鸭子，那么它就是鸭子。
您不需要做任何特殊的事情来完成这项工作；只要调用时该函数存在，它就可以正常工作。

如果您在没有该函数的实例上调用它，您将在调用站点收到错误。

Answer 2

我同意 SLAks，没有必要定义函数，但我还是倾向于这样做。那是因为对我来说重要的部分是在文档中。当有人阅读我的课程时，我希望清楚您必须实现这些方法，将传递哪些参数以及应该返回什么。

这是工作中的一个文件。具有定期加载数据的基类的功能有多种实现。

/**
 * Called when data is received and should update the data buffer
 * for each of the charts 
 * 
 * @abstract
 * @param {cci.ads.Wave[]} waves
 * @void
 */
updateChartsData: function(waves){
    throw "Abstract method updateChartsData not implemented";
},

2019 更新

如果可以在 TypeScript 中声明抽象方法，请使用 TypeScript

Answer 3

随着我们的团队不断壮大，我们的 javascript 项目变得越来越复杂，我们也必须开始实现 OO 功能。

在我们的 javascript 'abstract' 方法中，我们只是抛出一个错误，或者弹出一个警报。这是来自 Page 对象的示例：

Page.initialLoad = function() { //abstract
    alert('Page.initialLoad not implemented');
};

在 Java 世界中，它类似于：

public void abstract initialLoad();

Java 代码给出编译时错误，但是在 Javascript 中我们会得到运行时错误 。 （一个脏错误对话框表明实现对象尚未实现该方法）。

我们有许多不同的团队使用 Page 对象； “鸭子打字”的哲学绝对不适合我们。如果没有这些伪“抽象”方法，我们通常会缺乏 API 通信，有时我们会破坏超级对象（即，因为用户不知道他们应该实现该方法）。

我厌倦了这种“鸭子打字”的哲学。我不确定支持者是否曾经参与过拥有 10 多个开发人员的复杂 Javascript 项目。

Answer 4

如果您觉得自己的方式不优雅，可能有一种方法可以创建一些函数来简化流程，使其看起来更好。但回到主题...

是的，Javascript 有内置的委托，也称为继承，通过原型。

给定一个原型对象：

var proto = {
    f: function(){ console.log(this.x); }
}

我们可以创建一个继承它的新对象：

var obj = Object.create(proto);
obj.x = 42;

obj.f(); //should work!

for(var i in obj) console.log(i);
//should print x, f and some other stuff perhaps

请注意，并不总是支持直接通过 Object.create 执行操作（旧浏览器等）。旧的（有些人可能会说，正常）做事的方式是通过时髦的 new 运算符（不要对这个名字想太多 - 它故意令人困惑）分散 Java 人员的注意力）

function Constructor(arg){
    this.x = arg;
}

Constructor.prototype = {
    f: function(){ ... }
};

var obj = new Constructor(17);
obj.f();

---

与原型继承相比，需要考虑的一个重要区别是缺少私有变量。 只有公共变量可以被继承！因此，一个常见的约定是使用下划线作为私有变量和受保护变量的前缀。

Answer 5

您可能想看看上一篇文章 如何我要在 JavaScript 中创建一个抽象基类吗？

只是一些网站供您阅读有关 OOP 和 JavaScript 的一些内容，我假设您基于您所说的评论而对 JavaScript 作为 OOP 语言感到陌生

http://mckoss.com/jscript/object.htm

http://www.codeproject.com/KB/aspnet/JsOOP1.aspx

http://www.javascriptkit.com/javatutors/oopjs.shtml