NativeScript - 使用 JavaScript 的本机 API


本节介绍使用 JavaScript 访问本机 API 的概述。

编组

NativeScript Runtime 为 android 和 iOS 平台提供隐式类型转换。这个概念称为编组。例如,NativeScript-iOS 平台可以类似地隐式转换 JavaScript 和 Objective-C 数据类型,Java/Kotlin 可以轻松映射到 JavaScript 项目类型和值。让我们简单地了解一下每种类型如何进行编组。

数值

我们可以轻松地将 iOS 和 Android 数字数据类型转换为 JavaScript 数字。iOS 到 JavaScript 的简单数字转换定义如下:

console.log(`max(7,9) = ${max(7,9)}`);

这里,

原生 max() 函数转换为 JavaScript 数字。

安卓环境

Java 支持不同的数字类型,例如 byte、short、int、float、double 和 long。JavaScript 只有数字类型。

考虑一个简单的 Java 类,如下所示 -

class Demo extends java.lang.Object {
   public int maxMethod(int a,int b) {
      if(a>b) {
         return a;
      } else {
         return b;
      }
   }
}

这里,

上面的代码包含两个整数参数。我们可以使用 JavaScript 调用上面的代码对象,如下所示 -

//Create an instance for Demo class 
var obj = new Demo(); 

//implicit integer conversion for calling the above method 
obj.maxMethod(7,9);

弦乐

Android 字符串在 java.lang.string 中定义,iOS 字符串在 NSSring 中定义。让我们看看如何在两个平台中执行编组。

安卓

字符串是不可变的,但字符串缓冲区支持可变字符串。

下面的代码是简单映射的示例 -

//Create android label widget 
var label = new android.widget.Label(); 

//Create JavaScript string 
var str = "Label1";  

//Convert JavaScript string into java label.setText(str); 
// text is converted to java.lang.String

Boolean 类在 java.lang.Boolean 中定义。此类将布尔值包装在对象中。我们可以轻松地将布尔值转换为字符串,反之亦然。简单的例子定义如下 -

//create java string 
let data = new java.lang.String('NativeScript'); 

//map java String to JavaScript string, 
let result = data.startsWith('N'); 

//return result 
console.log(result);// true

iOS环境

NSString 类是不可变的,但它的子类 NSMutableString 是不可变的。此类包含一组用于处理字符串的方法。声明如下 -

class NSString : NSObject

考虑一个简单的 Objective-C 声明,如下所示 -

NSString *str = @"nativescript"; 
//convert the string to uppercase
NSString *str1; 
str1 = [str uppercaseString]; 
NSLog(@"Uppercase String : %@\n", str1 );

NSString 可以轻松映射到 JavaScript 字符串。

大批

本节介绍如何在数组中执行编组。我们先以iOS环境为例。

数组声明

class NSArray : NSObject

这里,

NSArray 用于管理称为数组的有序对象集合。它用于创建静态数组。它的子类NSMutableArray用于创建动态数组。

考虑可以使用数组文字创建 NSArray 对象,如下所示 -

let array: NSArray = ["React","Vue","TypeScript"]

现在,我们可以将此数组映射到 JavaScript 中,如下所示 -

//create native array 
let nsArr = NSArray.arrayWithArray("React","Vue","TypeScript"]); 

//create simple javascript array 
let jsArr = ["Hello,World","NativeScript"]; 

//Now compare the two arrays, 
let compare = nsArr.isEqual(jsArr); 
console.log(comapre);

这会将输出返回为 false。

Android 数组声明

Java 数组在java.util.Arrays中定义。此类包含用于操作数组的各种方法。下面显示了一个示例 -

//javascript array 
let data = [12,45,23,56,34,78,50]; 

//create java array 
let result = ns.example.Math.maxElement(data);
console.log(result);

类和对象

类和对象是面向对象编程的基本概念。类是用户定义的原型。对象是类的一个实例。类表示一种类型的所有对象所共有的一组属性或方法。让我们了解两种移动开发环境的本机类和对象。

安卓环境

Java 和 Kotlin 类具有由完整包名称表示的唯一标识符。

例如,

android.view.View - 它是用于屏幕布局和与用户交互的基本用户界面类。我们可以在 JavaScript 中访问此类,如下所示 -

const View = android.view.View;

首先,我们使用以下语句导入类 -

import android.view.View;

接下来创建一个类,如下所示 -

public class MyClass {
   public static void staticMethod(context) {
      //create view instance
      android.view.View myview = new android.view.View(context);
   }
}

在上面的同一个类中,我们可以使用以下代码访问 JavaScript 函数 -

const myview = new android.view.View(context);

类似地,我们可以访问 java.lang 包中的接口、常量和枚举。

iOS环境

Objective-C 类在@interface 和@implementation 两个部分中定义。类定义以关键字@interface开头,后跟接口(类)名称。在 Objective-C 中,所有类都派生自名为 NSObject 的基类。

它是所有 Objective-C 类的超类。简单的 Circle 类定义如下 -

@interface Circle:NSObject {
   //Instance variable
   int radius;
}
@end

考虑一个具有一种方法的类,如下所示 -

@interface MyClass : NSObject 
+ (void)baseStaticMethod; 
@end

可以使用以下代码将此类转换为 javascript -

function MyClass() { /* native call */ }; 
Object.setPrototypeOf(MyClass, NSObject); 
BaseClass.baseStaticMethod = function () { /* native call */ };

JavaScript instanceof运算符用于验证对象是否继承自给定类。这可以定义为 -

var obj = MyClass.alloc().init(); // object creation 
console.log(obj instanceof NSObject); //return true

这里,

Objective-C 实例是使用 alloc、init 或 new 方法创建的。在上面的示例中,我们可以使用 new 方法轻松创建对象初始化,如下所示 -

var obj = MyClass.new();

同样,您可以访问静态方法和属性。