iOS7沸沸扬扬的扁平化论战之外,WWDC 2013还是公布了很多让开发者小兴奋的点,其中包括多任务加强支持background fetchtransfer,近场通信的AirDropp2p,以及游戏控制器和游戏中心的加强;当然还包括了让web开发同学很兴奋JavaScriptCore了。下面henry/webryan来详细介绍下整合JavaScriptCore到原生应用的情况。

1、什么是JavaScriptCore

前端开发的同学应该知道,浏览器核心模块主要是渲染引擎和JavaScript引擎两部分组成。前者用于处理页面布局,渲染及DOM结构等,后者用于JavaScript的解析、执行及DOM交互等。

JavaScriptCore是一种JavaScript引擎,主要为webkit提供脚本处理能力(其主要以safari浏览器为代表)。除此之外,市面上还有注明的JscriptIE, SpiderMonkeyfirefox)和V8chrome)。JavaScriptCore是开源webkit的一部分,它提供了强大的整合能力,有兴趣的同学可以到官网下载编译和测试(http://www.webkit.org/projects/javascript/


2、为什么苹果要在native应用中(非webview)引入JavaScript

首先,脱离了浏览器外壳和繁重的UI布局和渲染的JavaScript引擎,无疑可以将JavaScript的能力更轻便地、高性能地带给原生的iOS应用,给应用开发者提供更多的想象力(无论是PC还是移动的浏览器,UIGUI部分都是最重要的性能瓶颈和优化点)。

其次,在移动开发场景中确实有众多的开发者对JavaScript有需求。在google上搜索”embed javascript engine ios”可以得到大量的实践和博文。

再次,苹果已经在mac上得到很不错的实践和反响。引入JavaScriptCore即扩大了SDK能力又讨好了开发者,何乐不为呢。


3、引入JavaScriptCore到底包括了哪些能力呢?

aObjective-C –> JavaScript (即在Objective-C语言环境里执行JavaScript代码段,创建JavaScript变量及变量操作等等)

bJavaScript –> Objective-C(即在JavaScript语言环境里调用Objective-C公开给JavaScript的方法)

c、内存管理和线程封装(主要是需要注意引用和线程使用冲突)

4、代码层具体应该怎么使用呢?

a、执行JavaScript代码的方法:首先引入JavaScriptCore.h,然后通过JSContext创建JS运行环境,再通过evaluateScript来执行结果;


最后要访问执行结果的话,需要注意数据类型的转换,Objective-CJS的对应关系主要如下:

– (BOOL)toBool;

– (double)toDouble;

– (int32_t)toInt32;

– (uint32_t)toUInt32;

– (NSNumber *)toNumber;

– (NSString *)toString;

– (NSDate *)toDate;

– (NSArray *)toArray;

– (NSDictionary *)toDictionary;

– (id)toObject;

– (id)toObjectOfClass:(Class)expectedClass;

b、调用JS的函数:通过evaluateScript将脚本片段引入到上下文,然后通过callWithArguments进行调用。


c、通过JS调用Objective-C的方法1–Blocks(即function方式)

通过在Objective-CJS context直接定义函数,那么在JS语言环境里可以直接使用 makeNSColor函数。


d、通过JS调用Objective-C的方法2–JSExport(即object方式)

通过在Objective-C中声明JSExport的数据类型,可以直接在JS的语言环境里当作全局变量使用。


创建MyPoint类,MyPoint类实现MyPointExports协议,然后将MyPoint类的实例注入JS。

示例:

MyPoint *point = [[MyPoint alloc] init];

context[@"point"] = point;

e、扩展系统已有类到JS

比如将Label的一个实例导出到JS,让JS设置Label的text属性。

(1)首先实现一个协议,将text属性Export:

@protocol MyLabelExportProtocol <JSExport>

@property(nonatomic,copy)NSString *text;

@end

(2)将此协议动态添加到UILabel的Class上:

class_addProtocol([UILabelclass], @protocol(MyLabelExportProtocol));

(3)将UILabel的一个实例添加至JS上下文:

[contextsetObject:labelforKeyedSubscript:@"label"];

(4)在JS中就可以通过text属性设置label的显示值了:

label.text = 'Label显示值';

OK相信看到这,你已经知道该怎么实现Objective-CJavaScript的相互调用了。其实这里和在浏览器中的相互操作是类似的。那么使用过过程中也要注意引用的回收和避免循环引用等问题,否则会导致内存泄露,甚至程序崩溃。这里我就不赘述了。


5、JavaScriptCore怎么和UIWebView连接起来呢?

JSContext *context = [webviewvalueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

6、JavaScriptCore可以带来了哪些实战应用呢?

1、对于类Titanium的应用绝对是一大利好。Titanium就是通过内置JavaScript引擎操作Objective-C提供的能力,以达到通过JavaScript来开发相对高性能的应用(对比phonegap而言)。内置JavaScriptCore可以使类Titanium框架体积得到明显减小。


2、对于动态更新类需求是非常有帮助的。JavaScript文件对于iOS7+的应用,相当于LuaCocos2d-x的意义,即提供一种动态局部升级和更新的逻辑,大大提高应用的可扩展性。

3、对手机内嵌web模式的新尝试点,即通过native+JS file的方式取代webview的方式。比如群创建页面,通过手Q提供基础的组件能力,通过加载JS文件来渲染生成创建群UI,并且通过HTTPTCP方式更新create.js,即可实现更贴近原生的交互体验和web的灵活性。

转自:http://www.webryan.net/2013/10/about-ios7-javascriptcore-framework/,部分内容有更改,内容有增加。

关于iOS7里的JavaScriptCore framework相关推荐

  1. iOS中JS 与OC的交互(JavaScriptCore.framework)

    iOS中实现js与oc的交互,目前网上也有不少流行的开源解决方案: 如:react native 当然一些轻量级的任务使用系统提供的UIWebView 以及JavaScriptCore.framewo ...

  2. ios7 JavaScriptCore.framework

    曾经想要oc调用js代码通常是通过uiwebview的stringByEvaluatingJavaScriptFromString方法,或是直接使用JavaScriptCore引擎,比如https:/ ...

  3. JavaScriptCore.framework基本用法(一)

    从iOS7开始 苹果公布了JavaScriptCore.framework 它使得JS与OC的交互更加方便了. 下面我们就简单了解一下这个框架 首先我导入framework 方法如下 点击Linked ...

  4. IOS7 ~ Xcode5 制作 framework

    一.Framework 简介(Introduction to Framework Programming Guide) Mac OS X 扩展了 framework 的功能,让我们能够利用它来共享代码 ...

  5. iOS下JS与OC互相调用(四)--JavaScriptCore

    前面讲完拦截URL的方式实现JS与OC互相调用,终于到JavaScriptCore了.它是从iOS7开始加入的,用 Objective-C 把 WebKit 的 JavaScript 引擎封装了一下, ...

  6. 转载 iOS js oc相互调用(JavaScriptCore) --iOS调用js

    iOS js oc相互调用(JavaScriptCore) 从iOS7开始 苹果公布了JavaScriptCore.framework 它使得JS与OC的交互更加方便了. 下面我们就简单了解一下这个框 ...

  7. [WebKit] JavaScriptCore解析

    Chakra(Microsoft Internet Explorer) Nitro/JavaScript Core (Safari) Carakan (Opera) SpiderMonkey (Fir ...

  8. iOS7 中的新特性

    iOS7 中的新特性 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳 ...

  9. 说说JavaScriptCore

    http://www.jianshu.com/p/1328e15416f3/comments/1724404 javascript目前看来仍是世界上最流行的语言,不管在web.服务端还是客户端都有广泛 ...

最新文章

  1. 美国没有光刻机背后的原因
  2. Intellij IDEA 使用Spring-boot-devTools无效解决办法
  3. hog特征提取python代码_hog特征提取-python实现
  4. java 分页_Spring Boot + MyBatis 如何借助PageHelper插件实现分页效果
  5. 顺序图中页面、窗口等为什么当做类处理?
  6. cross validation交叉验证
  7. 独立站现在好不好做?
  8. SQL Server 查询处理中的各个阶段
  9. 我们教授编程的方式统统不对!
  10. php模糊搜索 变量,自定义搜索seo变量{param}字符串
  11. CAGradientLayer简介 实现颜色渐变
  12. 《高翔视觉slam十四讲》学习笔记 第四讲 李群与李代数
  13. 库卡机器人示教器截屏_KUKA库卡机器人示教器维修
  14. GitHub开源项目学习 电商系统Mall (一) Mall简介
  15. 【2020模拟赛day6】B. 选择人员
  16. 【位操作笔记】计算以2为底整数N的对数 查表法
  17. php 足迹 表设计,成长的足迹设计方案
  18. python调用mysql并在前台做数据展示
  19. 很勤奋的学画画从零基础开始学习,到成为一名原画师需要几年?
  20. 响应式图片的3种解决方案

热门文章

  1. js 简单弹框toast
  2. [leetcode]Decode Ways
  3. lisp中的*,**,***
  4. this的用法添加样式给tr或者div
  5. EJB3与EJB2的差别
  6. 数据库高级知识——索引优化分析(一)
  7. 计算机网络——链路层之局域网
  8. 【操作系统复习】系统调用
  9. Linux进程通信的四种方式——共享内存、信号量、无名管道、消息队列|实验、代码、分析、总结
  10. AndroidStudio 3.4更新了啥?(转载)