JSPath基础用法

最新推荐文章于 2024-03-24 18:22:11 发布
最新推荐文章于 2024-03-24 18:22:11 发布
阅读量6.2k 收藏 1
点赞数
1.require
2.调用OC方法
    调用类方法
    调用实例方法
    参数传递
    Property
    方法名转换
3.特殊类型
    Struct
    Selector
    nil
4.NSArray / NSString / NSDictionary
5.Block
    block传递
    block 里使用 self 变量
    限制
6.__weak / __strong
7.GCD
8.传递 id* 参数
9.常量、宏、全局变量
    常量
    宏
    全局变量

10.Swift

1. require

在使用Objective-C类之前需要调用  require('className’)  : 

require('UIView')
var view = UIView.alloc().init()
可以用逗号  ,  分隔，一次性导入多个类: 

require('UIView, UIColor')
var view = UIView.alloc().init()
var red = UIColor.redColor()
或者直接在使用时才调用  require()  : 

require('UIView').alloc().init()

2. 调用OC方法

调用类方法

var redColor = UIColor.redColor();

调用实例方法

var view = UIView.alloc().init();
view.setNeedsLayout();

参数传递

跟在OC一样传递参数:

var view = UIView.alloc().init();
var superView = UIView.alloc().init()
superView.addSubview(view)

Property

获取/修改 Property 等于调用这个 Property 的 getter / setter 方法，获取时记得加 ():

view.setBackgroundColor(redColor);
var bgColor = view.backgroundColor();

方法名转换

多参数方法名使用 _ 分隔：

var indexPath = require('NSIndexPath').indexPathForRow_inSection(0, 1);
若原 OC 方法名里包含下划线  _ ，在 JS 使用双下划线  __  代替： 

// Obj-C: [JPObject _privateMethod];
JPObject.__privateMethod()

3. 特殊类型

Struct

JSPatch原生支持 CGRect / CGPoint / CGSize / NSRange 这四个 struct 类型，用 JS 对象表示:

// Obj-C
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(20, 20, 100, 100)];
[view setCenter:CGPointMake(10,10)];
[view sizeThatFits:CGSizeMake(100, 100)];
CGFloat x = view.frame.origin.x;

NSRange range = NSMakeRange(0, 1);

// JS
var view = UIView.alloc().initWithFrame({x:20, y:20, width:100, height:100})
view.setCenter({x: 10, y: 10})
view.sizeThatFits({width: 100, height:100})

var x = view.frame().x
var range = {location: 0, length: 1}
其他 Struct 类型的支持请参照  添加 struct 类型支持

Selector

在JS使用字符串代表 Selector:

//Obj-C
[self performSelector:@selector(viewWillAppear:) withObject:@(YES)];

//JS
self.performSelector_withObject("viewWillAppear:", 1)

nil

JS 上的 null 和 undefined 都代表 OC 的 nil，如果要表示 NSNull, 用 nsnull 代替:


//Obj-C
@implemention JPTestObject
+ (BOOL)testNull(NSNull *null) {
    return [null isKindOfClass:[NSNull class]]
}
@end


//JS
require('JPTestObject').testNull(nsnull) //return 1
require('JPTestObject').testNull(null) //return 0

4. NSArray / NSString / NSDictionary

NSArray / NSString / NSDictionary 不会自动转成对应的JS类型，像普通 NSObject 一样使用它们: 


//Obj-C
@implementation JPObject
+ (NSArray *)data
{
  return @[[NSMutableString stringWithString:@"JS"]]
}
+ (NSMutableDictionary *)dict
{
    return [[NSMutableDictionary alloc] init];
}
@end

// JS
require('JPObject')
var ocStr = JPObject.data().objectAtIndex(0)
ocStr.appendString("Patch")

var dict = JPObject.dict()
dict.setObject_forKey(ocStr, 'name')
console.log(dict.objectForKey('name')) //output: JSPatch

如果要把 NSArray / NSString / NSDictionary 转为对应的 JS 类型，使用 .toJS() 接口:

// JS
var data = require('JPObject').data().toJS()
//data instanceof Array === true
data.push("Patch")

var dict = JPObject.dict()
dict.setObject_forKey(data.join(''), 'name')
dict = dict.toJS()
console.log(dict['name'])    //output: JSPatch

5. Block

block 传递

当要把 JS 函数作为 block 参数给 OC时，需要先使用 block(paramTypes, function) 接口包装:

// Obj-C
@implementation JPObject
+ (void)request:(void(^)(NSString *content, BOOL success))callback
{
  callback(@"I'm content", YES);
}
@end

// JS
require('JPObject').request(block("NSString *, BOOL", function(ctn, succ) {
  if (succ) log(ctn)  //output: I'm content
}))
这里 block 里的参数类型用字符串表示，写上这个 block 各个参数的类型，用逗号分隔。NSObject 对象如  NSString * ,  NSArray * 等可以用  id  表示，但 block 对象要用  NSBlock*  表示。

从 OC 返回给 JS 的 block 会自动转为 JS function，直接调用即可:

// Obj-C
@implementation JPObject
typedef void (^JSBlock)(NSDictionary *dict);
+ (JSBlock)genBlock
{
  NSString *ctn = @"JSPatch";
  JSBlock block = ^(NSDictionary *dict) {
    NSLog(@"I'm %@, version: %@", ctn, dict[@"v"])
  };
  return block;
}
+ (void)execBlock:(JSBlock)blk
{
}
@end

// JS
var blk = require('JPObject').genBlock();
blk({v: "0.0.1"});  //output: I'm JSPatch, version: 0.0.1
若要把这个从 OC 传过来的 block 再传回给 OC，同样需要再用  block()  包装，因为这里  blk  已经是一个普通的 JS function，跟我们上面定义的 JS function 没有区别： 

// JS
var blk = require('JPObject').genBlock();
blk({v: "0.0.1"});  //output: I'm JSPatch, version: 0.0.1
require('JPObject').execBlock(block("id", blk));
总结：JS 没有 block 类型的变量，OC 的 block 对象传到 JS 会变成 JS function，所有要从 JS 传 block 给 OC 都需要用  block()  接口包装。

block 里使用 self 变量

在 block 里无法使用 self 变量，需要在进入 block 之前使用临时变量保存它:

defineClass("JPViewController", {
  viewDidLoad: function() {
    var slf = self;
    require("JPTestObject").callBlock(block(function(){
      //`self` is not available here, use `slf` instead.
      slf.doSomething();
    });
  }
}

限制

从 JS 传 block 到 OC，有两个限制：

A. block 参数个数最多支持6个。（若需要支持更多，可以修改源码）
B. block 参数类型不能是 double。

另外不支持 JS 封装的 block 传到 OC 再传回 JS 去调用（原因见  issue #155 ）： 


- (void)callBlock:(void(^)(NSString *str))block {
}
defineClass('JPTestObject', {
    run: function() {
        self.callBlock(block('NSString*', function(str) {
            console.log(str);
        }));
    },
    callBlock: function(blk) {
        //blk 这个 block 是上面的 run 函数里 JS 传到 OC 再传过来的，无法调用。
        blk("test block");   
    }
});

6. __weak / __strong

可以在 JS 通过 __weak() 声明一个 weak 变量，主要用于避免循环引用。

例如我们在 OC 里为了避免 block 导致的循环引用，经常这样写：

- (void)test {
    __weak id weakSelf = self;
    [self setCompleteBlock:^(){
        [weakSelf blabla];
    }]
}
在 JS 对应的可以这样写： 

var weakSelf = __weak(self)
self.setCompleteBlock(block(function(){
    weakSelf.blabla();
}))
若要在使用 weakSelf 时把它变成 strong 变量，可以用  __strong()  接口： 
var weakSelf = __weak(self)
self.setCompleteBlock(block(function(){
    var storngSelf = __strong(weakSelf)
    strongSelf.blabla();
}))

7. GCD

使用  dispatch_after()   dispatch_async_main()   dispatch_sync_main() dispatch_async_global_queue()  接口调用GCD方法: 

// Obj-C
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
  // do something
});

dispatch_async(dispatch_get_main_queue(), ^{
  // do something
});

// JS
dispatch_after(1.0, function(){
  // do something
})
dispatch_async_main(function(){
  // do something
})
dispatch_sync_main(function(){
  // do something
})
dispatch_async_global_queue(function(){
  // do something
})

8. 传递 id* 参数

如果你需要传递  id*  参数，像  NSURLConnection  里的这个接口里的  NSError ** : 
+ (NSData *)sendSynchronousRequest:(NSURLRequest *)request returningResponse:(NSURLResponse **)response
 error:(NSError **)error;

这里传入的是一个指向 NSObject 对象的指针，在方法里可以修改这个指针指向的对象，调用后外部可以拿到新指向的对象，对于这样的参数，需要按以下步骤进行传递和获取：

  1. 使用 malloc(sizeof(id)) 创建一个指针
  2. 把指针作为参数传给方法
  3. 方法调用完，使用 pval() 拿到指针新指向的对象
  4. 使用完后调用 releaseTmpObj() 释放这个对象
  5. 使用 free() 释放指针

举个例子:

//OC
- (void)testPointer:(NSError **)error {
    NSError *err = [[NSError alloc]initWithDomain:@"com.jspatch" code:42 userInfo:nil];
    *error = err;
}

//JS
//malloc() pval() free() is provided by JPMemory extension
require('JPEngine').addExtensions(['JPMemory'])

var pError = malloc(sizeof("id"))
self.testPointer(pError)
var error = pval(pError)
if (!error) {
    console.log("success")
} else {
    console.log(error)
}
releaseTmpObj(pError)
free(pError)

9. 常量、宏、全局变量

常量

Objective-C 里的常量不能直接在 JS 上使用，可以直接在 JS 上用具体值代替，或者在 JS 上重新定义同名的全局变量：

//js
var UIRectEdgeNone   = 0,
    UIRectEdgeTop    = 1 << 0,
    UIRectEdgeLeft   = 1 << 1,
    UIRectEdgeBottom = 1 << 2,
    UIRectEdgeRight  = 1 << 3

宏

Objective-C 里的宏同样不能直接在 JS 上使用。若定义的宏是一个值，可以在 JS 定义同样的全局变量代替，若定义的宏是程序，可以在JS展开宏：

#define TABBAR_HEIGHT 40
#define SCREEN_WIDTH [[UIScreen mainScreen] bounds].size.height

//JS
//instead of var tabbarHeight = TABBAR_HEIGHT
var tabbarHeight = 40;
//instead of var width = SCREEN_WIDTH
var width = UIScreen.mainScreen().bounds().height;
若宏的值是某些在底层才能获取到的值，例如  CGFLOAT_MIN ，可以通过在某个类或实例方法里将它返回，或者用添加扩展的方式提供支持： 
@implementation JPMacroSupport
+ (void)main:(JSContext *)context
{
  context[@"CGFLOAT_MIN"] = ^CGFloat() {
    return CGFLOAT_MIN;
  }
}
@end

require('JPEngine').addExtensions(['JPMacroSupport'])
var floatMin = CGFLOAT_MIN();

全局变量

在类里定义的 static 全局变量无法在 JS 上获取到，若要在 JS 拿到这个变量，需要在 OC 有类方法或实例方法把它返回：

static NSString *name;
@implementation JPTestObject
+ (NSString *)name {
  return name;
}
@end

var name = JPTestObject.name() //拿到全局变量值

10. Swift

使用  defineClass()  覆盖 Swift 类时，类名应为  项目名.原类名 ，例如项目 demo 里用 Swift 定义了 ViewController 类，在 JS 覆盖这个类方法时要这样写： 

defineClass('demo.ViewController', {})
另外注意：Swift 类需要继承  NSObject  才能被调用和替换，若不是继承 NSObject，需要把要类/属性/方法等声明前面加上  @objc  修饰符，详见 这里 。

为你超神
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
《web开发： （Node.js）path 路径模块》
yexiangCSDN的专栏
01-21 590
一、Node.js path 路径模块 1 什么是 path 路径模块 path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求 path.join() 方法，用来将多个路径片段拼接成一个完整的路径字符串 path.basename() 方法，用来从路径字符串中，将文件名解析出来 如果要在 JavaScript 代码中，使用 path 模块来处理路径，则需要使用如下的方式先导入它： 2 路径拼接 1. path.join()
前端项目-path.js.zip
09-02
前端项目-path.js,PathJS是一个轻量级的客户端路由库，它允许您使用hashbang和/或html5 pushstate创建“单页”应用程序。
JS方法 Path方法
weixin_59425810的博客
04-07 654
JS方法 Path方法
2024年，Flutter-和-React-Native-谁主沉浮-，三年老Android经验面经
最新发布
m0_61549674的博客
03-24 1322
找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。多练。（视频优势是互动感强，容易集中注意力）你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。以上就是总结的关于在面试的一些总结，希望对大家能有些帮助，除了这些面试中需要注意的问题，当然最重要的就是刷题了，这里放上我之前整理的一份超全的面试专题PDF，大家有兴趣的可以自行领取或者私信我：还有。
【NodeJs篇】关于path 路径模块的学习和使用
薇z的博客
08-09 3608
【NodeJs篇】关于path 路径模块的学习和使用
JSPath使用汇总
不要停我的药
02-14 1749
业务需求，决定接入JSPath来方便处理线上bug问题。 再次记录下使用过程中的问题汇总，使用方法等资料。 一、具体的接入SDK过程，官方都很详细，就不copy一份了。http://jspatch.com/ 二、记录相关网上大神们的使用总结。 1、JSPath基础用法 https://github.com/bang590/JSPatch/wiki/JSPatch-%E5%9F%BA%E7%
PHP使用xpath解析XML的方法详解
12-20
而PHP解析和读取XML文件的方式有很多种，比如JS DOM、SimpleXml、Xpath等方式解析XML文件，今天来讲讲在PHP中使用Xpath解析XML的实例，同时通过Xpath解析XML的实例来介绍部分基础的Xpath语法。 Xpath是什么？ Xapth...
粉丝管理 (一)-基础布局-avatar头像组件-基本用法模式 & 路由组件模块使用方法
01-20
01-粉丝管理-基础布局 第一步：创建组件 src/views/fans/index.vue 第二步：路由内导入组件 src/router/index.js import Fans from '@/views/fans' ...breadcrumb面包屑组件-基础用法模式：https://element.eleme
图库新版jQuery焦点图 JS代码
06-05
var ojs='<script type="text/javascript" src="http://cbjs.baidu.com/js/o.js"></script>'; if (code=="top210x90_1"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288992";</script>...
ripgrep-js:围绕ripgrep的Node.js包装器
03-19
用法import { ripGrep as rg } from 'ripgrep-js' ;// Give `rg` an absolute path to search in and the search termconst results = await rg ( 'path/to/search' , 'foo' ) ;// `results` is an array of ...
node-flexpmd:一个Node.js模块，用于下载和“安装” FlexPMD基础结构，以分析动作脚本FlashFlexAIR代码
05-05
一个Node.js模块，用于下载和“安装” FlexPMD基础结构，以插入/分析ActionScript / Flash / Flex / AIR代码。 入门 使用以下命令安装模块： npm install flexpmd var flexlint = require ( 'flexpmd' ) ; console...
Node.js篇02-path路径模块,file文件模块,加密，cookie和session（登录）
qq_54379580的博客
02-04 825
关于node.js中path路径模块,file文件模块, 密码加密，cookie和session实现登录的一些些······
细说nodejs的path模块
梅花寺
02-24 1832
path 模块是 nodejs 中用于处理文件/目录路径的一个内置模块，可以看作是一个工具箱，提供诸多方法供我们使用，当然都是和路径处理有关的。同时在前端开发中 path 模块出现的频率也是比较高的，比如配置 webpack 的时候等。本文是对该模块中一些常用的方法进行介绍，走，一起学习下吧。需要注意下，nodejs 中所有的模块（内置，自定义）都需要使用 requier 进行导入，一般导入位置在文件顶部。
Node.js 入门 —— path 路径模块
Yana's Blog
12-09 1057
本文内容来自bilibili黑马程序员path 模块是 Node.js 官方提供的用来处理路径的模块，它提供了一系列的方法和属性，用来满足用户对路径的处理需求。
Node.js学习3——path路径模块
云间月呀
02-03 458
Node.js学习3——path路径模块
nodejs的path模块
weixin_55355282的博客
06-07 1185
path模块是Node.js官方提供的，用来处理路径的模块。提供一系列的方法和属性，用来满足用户对路径的处理需求。例如：如果在js代码中，使用path模块来处理路径，需要先导入。
【Path的使用】Node.js中的使用Path模块操作文件路径
m0_56132701的博客
01-05 1529
😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气​🔥​前言：这是有关node.js中的path路径模块的使用，在node中操作文件时候，了解path的API对我们非常有帮助,这是我学习Node的笔记，希望可以帮助到大家，欢迎大家的补充和纠正。
nodejs-Path模块
weixin_30838921的博客
02-21 217
JavaScript 标准参考教程（alpha） 草稿二：Node.js Path模块 GitHub TOP Path模块 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰 目录 path.join() path.resolve() accessSync() path.relat...
node.js语法基础
09-15
Node.js是一个基于Chrome V8引擎的JavaScript运行时。它使用事件驱动、非阻塞I/O模型，使得它非常...以上是关于Node.js语法基础的介绍，包括导入模块、创建基本的Web服务器和使用其他内置模块的示例。希望对你有帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值