Javascript实例& GWT 中的 typeof (JSNI)

Question

我在尝试通过 GWT 中的 JSNI 使用某些对象时遇到了一个奇怪的问题。假设我们有一个定义了函数的 javscript 文件：

test.js:

function test(arg){
  var type = typeof(arg);
  if (arg instanceof Array)
    alert('Array');
  if (arg instanceof Object)
    alert('Object');
  if (arg instanceof String)
    alert('String');
}

我们想要调用这个函数 user JSNI:

public static native void testx()/ *-{
  $wnd.test( new Array(1, 2, 3) );
  $wnd.test( [ 1, 2, 3 ] );
  $wnd.test( {val:1} );
  $wnd.test( new String("Some text") );
}-*/;

问题是：

• 为什么 instanceof 指令总是返回 false？
• 为什么 typeof 总是返回 "object" ？
• 如何传递这些对象以便它们被正确识别？

Answer 1

instanceof 在您的示例中不应始终返回 false 除非您正在从不同的窗口测试对象，因为来自一个窗口的数组不是< /em> 不同窗口的 Array 构造函数的实例。

当您需要测试特定事物并且在一个窗口中进行操作时，使用instanceof 非常有用（您必须注意 scunliffe 指出的字符串原语与字符串对象）。请注意，您需要注意顺序，因为数组是一个 instanceof Object （以及 Array）；这也适用于String和所有其他对象。

有一种替代方案不存在窗口问题，并且如果您正在执行调度，则可以很容易地将其用于 switch 语句等：

function classify(arg) {
    return Object.prototype.toString.call(arg);
}

这看起来很奇怪，但它的作用是使用 Object 原型上的 >toString 函数，该函数具有已定义的行为（而不是使用您正在测试的实际对象可能具有的任何覆盖，这可能具有不同的行为）。因此，给定这个函数：

function show(arg) {
    alert(classify(arg));
}

您将得到这些结果：

show({});               // [object Object]
show("a");              // [object String]
show(new String("a"));  // [object String]
show([]);               // [object Array]
show(/n/);              // [object RegExp]
show(function() { });   // [object Function]

并且无论您正在测试的对象来自哪个窗口，也无论您使用字符串原语还是String 实例。

Answer 2

由于其他所有问题似乎都已经得到解答，让我得到这个：

如何传递这些对象以便正确识别它们？

GWT 会自动对字符串、整数等基本类型执行此操作。因此您只需编写：

public static native String test1()/ *-{
   return "adfasdf";
}-*/;

public static native int test2()/ *-{
   return 23;
}-*/;

请参阅 文档以获得一些额外的注释。

对于数组，有很多包装类：JsArray、JsArrayBoolean，JsArrayInteger, JsArrayNumber, JsArrayString。

public static native JsArrayString test3()/ *-{
   return ['foo', 'bar', 'baz'];
}-*/;

Answer 3

你的测试函数总是返回 false，因为你没有提供 return 语句...并且 String 在 JavaScript 中很有趣...如果你使用 new String("asdf"); 那么使用instanceof就可以了，如果你只是用"asdf"创建一个字符串，那么你将需要使用typeof。

function test(arg){
  if (arg instanceof Array){
    return 'Array';
  } else if(arg instanceof String || typeof(arg) == 'String'){
    return 'String';
  } else if (arg instanceof Object){
    return 'Object';
  } else {
    return typeof(arg);
  }
}

（注意还有其他类型......日期、数字、自定义对象等）