GWT-javascriptojbect对象

最新推荐文章于 2021-12-22 17:09:55 发布
最新推荐文章于 2021-12-22 17:09:55 发布
阅读量87 收藏
点赞数
分类专栏： GWT 文章标签： GWT JavaScript Google prototype ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lanmh/article/details/83440684
版权

GWT的JSNI提供了java代码和javascript代码之间的交互功能，其中最重要的一个类就是 JavaScriptObject 。这是一个非常特殊的类：

1.不可以直接new创建，必须通过JSNI的native方法来创建。这也是为什么它只有protected修饰符的构造函数的原因了。

2.java代码可以把JavaScriptObject的对象通过native再次传回给js使用。

3.从JavaScriptObject类继承的类其构造函数的修饰符必须是protected，其公共方法必须加上final修饰符。


先一个应用的小例子，希望对朋友们理解代码有所帮助。

 

现假设我们有一个外联的javascript文件中有这么一个类

 

Js代码 复制代码
  1. function Person() {   
  2.   
  3. }   
  4.   
  5. Person.prototype.setName = function(name) {   
  6.     this.name = name;   
  7. }  
function Person() {

}

Person.prototype.setName = function(name) {
    this.name = name;
}

 

我们就可以在java中构建一个JSPerson类对javascript的Person类进行封装

 

Java代码 复制代码
  1. public class JSPerson extends JavaScriptObjectWrapper {   
  2.        
  3.     protected JSPerson() {   
  4.     }   
  5.   
  6.     public static native JSPerson createNew() /*-{  
  7.         return new $wnd.Person();  
  8.     }-*/;   
  9. }  
public class JSPerson extends JavaScriptObjectWrapper {
    
    protected JSPerson() {
    }

    public static native JSPerson createNew() /*-{
        return new $wnd.Person();
    }-*/;
}

 

然后使用这个类

 

Java代码 复制代码
  1. JSPerson jsPerson = JSPerson.createNew();   
  2. jsPerson.invokeMethod("setName", "yingxia");   
JSPerson jsPerson = JSPerson.createNew();
jsPerson.invokeMethod("setName", "yingxia");

 

有了这样一个JSNI得通用类后，和外联js交互起来竟然如此的简单。

 

下面详细的解说，我们开始对JavaScriptObject类进行继承和封装，实现对外联的javascript库的方便操作。

 

1.首先我们建立类JavaScriptObjectWrapper继承自JavaScriptObject

 

Java代码 复制代码
  1. package com.yingxia.tonglin.client.common;   
  2.   
  3. import com.google.gwt.core.client.JavaScriptObject;   
  4.   
  5. public class JavaScriptObjectWrapper extends JavaScriptObject {   
  6.        
  7.     protected JavaScriptObjectWrapper() {   
  8.     }   
  9.   
  10. }  
package com.yingxia.tonglin.client.common;

import com.google.gwt.core.client.JavaScriptObject;

public class JavaScriptObjectWrapper extends JavaScriptObject {
	
	protected JavaScriptObjectWrapper() {
	}

}

 

2.然后我们建立JSArrayHelper类，实现将java的Object数组转换为javascript的数组。这里请注意数组中每一个元素的类型的转换。

 

Java代码 复制代码
  1. package com.yingxia.tonglin.client.common;   
  2.   
  3. public class JSArrayHelper {   
  4.   
  5.     /**  
  6.      *   
  7.      * @param objs : must be primitive type or JavaScriptObject, now just support few you can extend  
  8.      * @return  
  9.      */  
  10.     public static JavaScriptObjectWrapper toJSArray(Object... objs) {   
  11.            
  12.         JavaScriptObjectWrapper jsArray = createJSArray();   
  13.            
  14.         for(int i = 0; i < objs.length; i++) {   
  15.             setJSArray(jsArray, i, objs[i]);   
  16.         }   
  17.            
  18.         return jsArray;   
  19.     }   
  20.        
  21.     private static native JavaScriptObjectWrapper createJSArray() /*-{  
  22.         return [];  
  23.     }-*/;   
  24.        
  25.     private static void setJSArray(JavaScriptObjectWrapper jsArray, int index, Object value) {   
  26.         if(value.getClass().equals(java.lang.Integer.class)) {   
  27.             setJSArray(jsArray, index, (int) Integer.valueOf(value.toString()));   
  28.         }   
  29.         if(value.getClass().equals(java.lang.Float.class)) {   
  30.             setJSArray(jsArray, index, (float) Float.valueOf(value.toString()));   
  31.         }   
  32.         if(value.getClass().equals(java.lang.Double.class)) {   
  33.             setJSArray(jsArray, index, (double) Double.valueOf(value.toString()));   
  34.         }   
  35.         if(value.getClass().equals(java.lang.Boolean.class)) {   
  36.             setJSArray(jsArray, index, (boolean) Boolean.valueOf(value.toString()));   
  37.         }   
  38.         if(value.getClass().equals(java.lang.String.class)) {   
  39.             setJSArray(jsArray, index, value.toString());   
  40.         }   
  41.         if(value.getClass().equals(JavaScriptObjectWrapper.class)) {   
  42.             setJSArray(jsArray, index, (JavaScriptObjectWrapper) value);   
  43.         }   
  44.     }   
  45.        
  46.     private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, int value) /*-{  
  47.         jsArray[index] = value;  
  48.     }-*/;   
  49.        
  50.     private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, float value) /*-{  
  51.         jsArray[index] = value;  
  52.     }-*/;   
  53.        
  54.     private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, double value) /*-{  
  55.         jsArray[index] = value;  
  56.     }-*/;   
  57.        
  58.     private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, boolean value) /*-{  
  59.         jsArray[index] = value;  
  60.     }-*/;   
  61.        
  62.     private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, String value) /*-{  
  63.         jsArray[index] = value;  
  64.     }-*/;   
  65.        
  66.     private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, JavaScriptObjectWrapper value) /*-{  
  67.         jsArray[index] = value;  
  68.     }-*/;   
  69. }  
package com.yingxia.tonglin.client.common;

public class JSArrayHelper {

	/**
	 * 
	 * @param objs : must be primitive type or JavaScriptObject, now just support few you can extend
	 * @return
	 */
	public static JavaScriptObjectWrapper toJSArray(Object... objs) {
		
		JavaScriptObjectWrapper jsArray = createJSArray();
		
		for(int i = 0; i < objs.length; i++) {
			setJSArray(jsArray, i, objs[i]);
		}
		
		return jsArray;
	}
	
	private static native JavaScriptObjectWrapper createJSArray() /*-{
		return [];
	}-*/;
	
	private static void setJSArray(JavaScriptObjectWrapper jsArray, int index, Object value) {
		if(value.getClass().equals(java.lang.Integer.class)) {
			setJSArray(jsArray, index, (int) Integer.valueOf(value.toString()));
		}
		if(value.getClass().equals(java.lang.Float.class)) {
			setJSArray(jsArray, index, (float) Float.valueOf(value.toString()));
		}
		if(value.getClass().equals(java.lang.Double.class)) {
			setJSArray(jsArray, index, (double) Double.valueOf(value.toString()));
		}
		if(value.getClass().equals(java.lang.Boolean.class)) {
			setJSArray(jsArray, index, (boolean) Boolean.valueOf(value.toString()));
		}
		if(value.getClass().equals(java.lang.String.class)) {
			setJSArray(jsArray, index, value.toString());
		}
		if(value.getClass().equals(JavaScriptObjectWrapper.class)) {
			setJSArray(jsArray, index, (JavaScriptObjectWrapper) value);
		}
	}
	
	private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, int value) /*-{
		jsArray[index] = value;
	}-*/;
	
	private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, float value) /*-{
		jsArray[index] = value;
	}-*/;
	
	private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, double value) /*-{
		jsArray[index] = value;
	}-*/;
	
	private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, boolean value) /*-{
		jsArray[index] = value;
	}-*/;
	
	private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, String value) /*-{
		jsArray[index] = value;
	}-*/;
	
	private static native void setJSArray(JavaScriptObjectWrapper jsArray, int index, JavaScriptObjectWrapper value) /*-{
		jsArray[index] = value;
	}-*/;
}

 

3.创建JavaScriptObjectWrapperImpl类，全是static native方法，实现类似于java反射的机制，可以调用方法，可以获取和设置属性。

 

Java代码 复制代码
  1. package com.yingxia.tonglin.client.common;   
  2.   
  3. public class JavaScriptObjectWrapperImpl {   
  4.   
  5.     public static native JavaScriptObjectWrapper invokeJSMethod(JavaScriptObjectWrapper jsObject, String methodName, JavaScriptObjectWrapper arguments) /*-{  
  6.         return jsObject[methodName].apply(jsObject, arguments);  
  7.     }-*/;   
  8.        
  9.     public static native void setProperty(JavaScriptObjectWrapper object, String name, int value) /*-{  
  10.         object[name] = value;  
  11.     }-*/;   
  12.        
  13.     public static native int getPropertyAsInt(JavaScriptObjectWrapper object, String name) /*-{  
  14.         var ret = object[name];  
  15.         return (ret === undefined) ? 0 : ret;  
  16.     }-*/;   
  17.        
  18.     public static native void setProperty(JavaScriptObjectWrapper object, String name, String value) /*-{  
  19.         object[name] = value;  
  20.     }-*/;   
  21.        
  22.     public static native String getPropertyAsString(JavaScriptObjectWrapper object, String name) /*-{  
  23.         var ret = object[name];  
  24.         return (ret === undefined) ? null : ret;  
  25.     }-*/;   
  26.        
  27.     public static native void setProperty(JavaScriptObjectWrapper object, String name, boolean value) /*-{  
  28.         object[name] = value;  
  29.     }-*/;   
  30.        
  31.     public static native boolean getPropertyAsBoolean(JavaScriptObjectWrapper object, String name) /*-{  
  32.         var ret = object[name];  
  33.         return (ret === undefined) ? 0 : ret;  
  34.     }-*/;   
  35.        
  36.     public static native void setProperty(JavaScriptObjectWrapper object, String name, float value) /*-{  
  37.         object[name] = value;  
  38.     }-*/;   
  39.        
  40.     public static native float getPropertyAsFloat(JavaScriptObjectWrapper object, String name) /*-{  
  41.         var ret = object[name];  
  42.         return (ret === undefined) ? 0 : ret;  
  43.     }-*/;   
  44.        
  45.     public static native void setProperty(JavaScriptObjectWrapper object, String name, double value) /*-{  
  46.         object[name] = value;  
  47.     }-*/;   
  48.        
  49.     public static native double getPropertyAsDouble(JavaScriptObjectWrapper object, String name) /*-{  
  50.         var ret = object[name];  
  51.         return (ret === undefined) ? 0 : ret;  
  52.     }-*/;   
  53.        
  54.     public static native void setProperty(JavaScriptObjectWrapper object, String name, JavaScriptObjectWrapper value) /*-{  
  55.         object[name] = value;  
  56.     }-*/;   
  57.        
  58.     public static native JavaScriptObjectWrapper getProperty(JavaScriptObjectWrapper object, String name) /*-{  
  59.         var ret = object[name];  
  60.         return (ret === undefined) ? null : ret;  
  61.     }-*/;   
  62. }  
package com.yingxia.tonglin.client.common;

public class JavaScriptObjectWrapperImpl {

	public static native JavaScriptObjectWrapper invokeJSMethod(JavaScriptObjectWrapper jsObject, String methodName, JavaScriptObjectWrapper arguments) /*-{
		return jsObject[methodName].apply(jsObject, arguments);
	}-*/;
	
	public static native void setProperty(JavaScriptObjectWrapper object, String name, int value) /*-{
		object[name] = value;
	}-*/;
	
	public static native int getPropertyAsInt(JavaScriptObjectWrapper object, String name) /*-{
		var ret = object[name];
		return (ret === undefined) ? 0 : ret;
	}-*/;
	
	public static native void setProperty(JavaScriptObjectWrapper object, String name, String value) /*-{
		object[name] = value;
	}-*/;
	
	public static native String getPropertyAsString(JavaScriptObjectWrapper object, String name) /*-{
		var ret = object[name];
		return (ret === undefined) ? null : ret;
	}-*/;
	
	public static native void setProperty(JavaScriptObjectWrapper object, String name, boolean value) /*-{
		object[name] = value;
	}-*/;
	
	public static native boolean getPropertyAsBoolean(JavaScriptObjectWrapper object, String name) /*-{
		var ret = object[name];
		return (ret === undefined) ? 0 : ret;
	}-*/;
	
	public static native void setProperty(JavaScriptObjectWrapper object, String name, float value) /*-{
		object[name] = value;
	}-*/;
	
	public static native float getPropertyAsFloat(JavaScriptObjectWrapper object, String name) /*-{
		var ret = object[name];
		return (ret === undefined) ? 0 : ret;
	}-*/;
	
	public static native void setProperty(JavaScriptObjectWrapper object, String name, double value) /*-{
		object[name] = value;
	}-*/;
	
	public static native double getPropertyAsDouble(JavaScriptObjectWrapper object, String name) /*-{
		var ret = object[name];
		return (ret === undefined) ? 0 : ret;
	}-*/;
	
	public static native void setProperty(JavaScriptObjectWrapper object, String name, JavaScriptObjectWrapper value) /*-{
		object[name] = value;
	}-*/;
	
	public static native JavaScriptObjectWrapper getProperty(JavaScriptObjectWrapper object, String name) /*-{
		var ret = object[name];
		return (ret === undefined) ? null : ret;
	}-*/;
}

 

4.在其它两个类的支持下完善JavaScriptObjectWrapper类

 

Java代码 复制代码
  1. package com.yingxia.tonglin.client.common;   
  2.   
  3. import com.google.gwt.core.client.JavaScriptObject;   
  4.   
  5. public class JavaScriptObjectWrapper extends JavaScriptObject {   
  6.        
  7.     protected JavaScriptObjectWrapper() {   
  8.     }   
  9.        
  10.     public final JavaScriptObjectWrapper invokeJSMethod(String methodName, Object... objs) {   
  11.         JavaScriptObjectWrapper arguments = JSArrayHelper.toJSArray(objs);   
  12.         return JavaScriptObjectWrapperImpl.invokeJSMethod(this, methodName, arguments);   
  13.     }   
  14.        
  15.     public final void setProperty(String name, int value){   
  16.         JavaScriptObjectWrapperImpl.setProperty(this, name, value);   
  17.     }   
  18.   
  19.     public final int getPropertyAsInt(String name){   
  20.         return JavaScriptObjectWrapperImpl.getPropertyAsInt(this, name);   
  21.     }   
  22.   
  23.     public final void setProperty(String name, String value){   
  24.         JavaScriptObjectWrapperImpl.setProperty(this, name, value);   
  25.     }   
  26.   
  27.     public final String getPropertyAsString(String name){   
  28.         return JavaScriptObjectWrapperImpl.getPropertyAsString(this, name);   
  29.     }   
  30.   
  31.     public final void setProperty(String name, boolean value){   
  32.         JavaScriptObjectWrapperImpl.setProperty(this, name, value);   
  33.     }   
  34.   
  35.     public final boolean getPropertyAsBoolean(String name){   
  36.         return JavaScriptObjectWrapperImpl.getPropertyAsBoolean(this, name);   
  37.     }   
  38.   
  39.     public final void setProperty(String name, float value){   
  40.         JavaScriptObjectWrapperImpl.setProperty(this, name, value);   
  41.     }   
  42.   
  43.     public final float getPropertyAsFloat(String name){   
  44.         return JavaScriptObjectWrapperImpl.getPropertyAsFloat(this, name);   
  45.     }   
  46.   
  47.     public final void setProperty(String name, double value){   
  48.         JavaScriptObjectWrapperImpl.setProperty(this, name, value);   
  49.     }   
  50.   
  51.     public final double getPropertyAsDouble(String name){   
  52.         return JavaScriptObjectWrapperImpl.getPropertyAsDouble(this, name);   
  53.     }   
  54.   
  55.     public final void setProperty(String name, JavaScriptObjectWrapper value){   
  56.         JavaScriptObjectWrapperImpl.setProperty(this, name, value);   
  57.     }   
  58.   
  59.     public final JavaScriptObjectWrapper getProperty(String name){   
  60.         return JavaScriptObjectWrapperImpl.getProperty(this, name);   
  61.     }   
  62.   
  63. }  
lanmh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端学习之JavaScript——对象
Jane_xxxxxy的博客
08-11 538
1. 对象 1.1 什么是对象？ 在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成的。 属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象中用方法来表示（常用动词） 2. 创建对象的三种方式 在 JavaScript 中，现阶段我们可以采用三种方式创建对象（object）： 利用字面量创建对象 利用 new Object 创建对象 利用构造函数创建对象 2.1 利用字面量创建对象
揭开GWT的JavaScriptObject对象的神秘面纱
lanshan_84的专栏
08-12 93
GWT的JSNI提供了java代码和javascript代码之间的交互功能，其中最重要的一个类就是 JavaScriptObject 。这是一个非常特殊的类： 1.不可以直接new创建，必须通过JSNI的native方法来创建。这也是为什么它只有protected修饰符的构造函数的原因了。 2.java代码可以把JavaScriptObject的对象通过native再次传回给j...
Javascript Object
asing1elife's blog
11-09 528
所有类的基础类 更多精彩 更多技术博客，请移步 asing1elife’s blog 语法 var obj = new Object(); // 创建一个空的 Object 对象 var obj = {}; // 实例化的简便写法 给对象设置属性，不需要提前声明 obj.name = 'Jone'; obj.age = 20; obj['sex'] = 'Male'; 给对象设...
javascript-Object
李欢欢的博客
10-10 245
Object.assign 将所有源对象自身的可枚举属性从一个或者多个源对象，通过源对象的getter并调用目标对象的setter设置到目标对象，如果源对象中有重复的可枚举属性，则后来的覆盖前边的。（继承属性和不可枚举属性时不可拷贝的） Object.assign(target,…sources) 返回target（因为target被更改，所以如果不想使target被更改，则需要使用{}代替t...
JavaScript Object Notation
09-29
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
gwt-maven-plugin：旧版GWT Maven插件
02-23
现在，该插件被认为是legacy GWT maven plugin （又名mojo GWT maven插件），而新插件被认为是new generation GWT maven plugin （又名tbroyer GWT maven插件）。 仍然支持旧版maven插件，但强烈建议将新插件用于新...
gwt-maven-plugin:开始使用Maven构建GWT项目
05-26
gwt-maven-plugin 该插件旨在通过提供两种特定的打包方式： gwt-lib和gwt-app ，使使用Maven构建GWT项目更加容易。 基本用法 将插件添加到您的POM并启用扩展： < groupId>net.ltgt.gwt.maven</ groupId> ...
gwt-maven-archetypes
05-26
gwt-maven-原型 该项目包含模块化GWT项目的Maven原型。 如何使用 生成一个项目 mvn archetype:generate \ -DarchetypeGroupId=net.ltgt.gwt.archetypes \ -DarchetypeVersion=LATEST \ -DarchetypeArtifactId= ...
gwt-maven-plugin
05-17
`gwt-maven-plugin`是Google Web Toolkit (GWT) 的一个Maven插件，用于在Java开发环境中构建、编译和管理GWT项目。GWT是一个开源框架，允许开发者使用Java语言编写客户端Web应用程序，然后自动转换为优化的...
gwt-servlet-2.3.0.jar
03-23
GWT-Servlet是GWT框架的一部分，主要负责处理服务器端的交互。`gwt-servlet-2.3.0.jar`是GWT 2.3.0版本的Servlet库，这个库包含了运行GWT应用所需的服务器端组件。 在GWT的应用程序中，客户端部分通常由JavaScript...
JavaScript Object JSON
07-13
NULL 博文链接：https://yongjie.iteye.com/blog/744544
javascript object to json string
03-17
NULL 博文链接：https://shuaigg-babysky.iteye.com/blog/458603
JSON(JavaScriptObject Notation)是一种轻量级的数据交换格式
03-11
JSON(JavaScriptObject Notation)是一种轻量级的数据交换格式。它基于JavaScript的一个子集。JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。
那位大哥有javascript object 大全
05-24
那位大哥有javascript object 大全
JSON(JavaScript Object Notation)—轻量级的数据交换格式
weixin_34194379的博客
04-01 113
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C...
java script function_JavascriptObject、Function对象_html/css_WEB-ITnose
weixin_30517215的博客
02-24 90
1.Object对象原型对象原型是对象的一个属性，也就是prototype属性，每个对象都有这个内部属性，而且他本身也是一个对象。运行结果： 添加原型对象属性：10 添加对象属性：20原型链Object.prototype.a = 3.14;alert("Object对象的实例："+ new Object().a);alert("String对象的属性："+ String.a);运行结果： ...
Gwt 操作时间对象 -- java.util.Date
nodeblog的专栏
09-14 153
    最近一直在用Ext Gwt做项目。 这段时间总是被Gwt中的java.util.Date对象问题困扰。     在Gwt中直接使用new Date()来创建java.util.Date总是会得到意想不到的效果。   Date date = new Date(); System.out.println(DateTimeFormat().getFormat("yyyy-MM-dd")....
详解JavaScript的Object对象
Learn-anything.cn
12-22 3184
一、Object 是什么？ Object 是 JavaScript 的一种 数据类型 ，用于存储各种键值集合和更复杂的实体，几乎所有对象都是 Object 类型的实例，它们都会从 Object.prototype 继承属性和方法，虽然大部分属性都会被覆盖（shadowed）或者说被重写了（overridden）。 一个对象就是一系列属性的集合，属性包括名字和值。如果属性值是函数，那么称之为方法。 1、创建新对象 法一：使用 对象初始化器 创建对象 var myCar = { name: "
gwt-maven-plugin 的官方文档
最新发布
03-14
很抱歉，我无法提供关于"gwt-maven-plugin"的官方文档介绍，因为我无法浏览互联网。但是我可以给你一些关于"gwt-maven-plugin"的基本信息。 "gwt-maven-plugin"是一个用于将Google Web Toolkit（GWT）与Maven构建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值