2

我想用我可以在类内和类外调用的方法制作一个 javascript 类。如果你愿意，我想做一个“公共”方法。我想要getTextAreaElement并且appendTextArea成为这样的方法。

我已经展示了到目前为止我能想到的最好的代码片段。我还尝试将方法定义为原型以及在类 ( this.func = ...) 中。但这只允许我在 ( new Socket().appendTextArea("osgjr89");) 之外调用该方法，但不能在类本身内调用该方法！下面的代码片段显示了完全相反的实现，我不能在类外调用该方法，但可以在类内调用它。

错误：

Uncaught TypeError: Object #Socket has no method 'appendTextArea'

socket.js：

function Socket() {
var socket;
var canvas = document.getElementById('c');
var context = canvas.getContext("2d");

if (window.WebSocket) {
    socket = new WebSocket("ws://localhost:9012/websocket");
    socket.binaryType = 'arraybuffer';
    socket.onopen = onopen;
    socket.onmessage = onmessage;
    socket.onerror = onerror;
    socket.onclose = onclose;
} else {
    alert("Your browser does not support Web Socket.");
}

function getTextAreaElement() {
    return document.getElementById('responseText');
}

function appendTextArea(newData) {
    var el = getTextAreaElement();
    el.value = el.value + '\n' + newData + " :)";
}

function onopen(event) {
    getTextAreaElement().value = "Web Socket opened!"; 
}
/*[...]*/
}

main.js（在 socket.js 之后加载）

$(document).ready(function() {
var s = new Socket();
s.appendTextArea("osgjr89"); // ERROR!
});

更新的 socket.js：

function Socket() {
[...]
if (window.WebSocket) {
    socket = new WebSocket("ws://localhost:9012/websocket");
    socket.binaryType = 'arraybuffer';
    socket.onopen = this.onopen;
    socket.onmessage = this.onmessage;
    socket.onerror = this.onerror;
    socket.onclose = this.onclose;
} else {
    alert("Your browser does not support Web Socket.");
}

this.getTextAreaElement = function() {
    return document.getElementById('responseText');
}

this.appendTextArea = function(newData) {
    var el = this.getTextAreaElement();
    el.value = el.value + '\n' + newData + " :)";
}

this.onopen = function(event) {
    this.getTextAreaElement().value = "Web Socket opened!";
}
[...]
}
4

2 回答 2

7

所有公共方法都必须声明为属性，而不是变量/函数。所以，你必须改变这样的东西：

function getTextAreaElement() {
    return document.getElementById('responseText');
}

进入

this.getTextAreaElement = function() {
    return document.getElementById('responseText');
}
于 2013-02-18T16:29:38.553 回答
2

如果你这样做this.func = function() {}，你可以调用构造函数内部的函数（Socket在你的情况下）使用this.func()以及外部使用：

var s = new Socket();
s.func();
于 2013-02-18T16:29:29.150 回答