GWT中的Javascript instanceof＆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');
}

而我们想要调用这个函数用户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，所有的时间Array不同的窗口的构造函数。

当你需要测试一个特定的东西并且你在一个窗口内操作时，使用instanceof很棒（你必须要知道scunliffe指出的字符串原语与String对象的东西）。 请注意，您需要注意您的订单，因为数组是Object的instanceof （以及Array ）; 这适用于String s和所有其他对象。

有一个替代方案没有窗口问题，并且如果你正在进行调度，它可以很容易地用于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);
  }
}

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