深入了解 Weex

+ (void)configDefaultData

{

/* 启动网络变化监控 */

AFNetworkReachabilityManager *reachability = [AFNetworkReachabilityManager sharedManager];

[reachability startMonitoring];

/** 初始化Weex */

[BMConfigManager initWeexSDK];

BMPlatformModel *platformInfo = TK_PlatformInfo();

/** 设置sdimage减小内存占用 */

[[SDImageCache sharedImageCache] setShouldDecompressImages:NO];

[[SDWebImageDownloader sharedDownloader] setShouldDecompressImages:NO];

[[SDImageCache sharedImageCache] setShouldCacheImagesInMemory:NO];

/** 设置统一请求url */

[[YTKNetworkConfig sharedConfig] setBaseUrl:platformInfo.url.request];

[[YTKNetworkConfig sharedConfig] setCdnUrl:platformInfo.url.image];

/** 应用最新js资源文件 */

[[BMResourceManager sharedInstance] compareVersion];

/** 初始化数据库 */

[[BMDB DB] configDB];

/** 设置 HUD */

[BMConfigManager configProgressHUD];

/* 监听截屏事件 */

// [[BMScreenshotEventManager shareInstance] monitorScreenshotEvent];

}

+ (void)initWeexSDK

{

[WXSDKEngine initSDKEnvironment];

[BMConfigManager registerBmHandlers];

[BMConfigManager registerBmComponents];

[BMConfigManager registerBmModules];

#ifdef DEBUG

[WXDebugTool setDebug:YES];

[WXLog setLogLevel:WeexLogLevelLog];

[[BMDebugManager shareInstance] show];

// [[ATManager shareInstance] show];

#else

[WXDebugTool setDebug:NO];

[WXLog setLogLevel:WeexLogLevelError];

#endif

}

// 扩展 Component

+ (void)registerBmComponents

{

NSDictionary *components = @{

@"bmmask": NSStringFromClass([BMMaskComponent class]),

@"bmpop": NSStringFromClass([BMPopupComponent class])

...

};

for (NSString *componentName in components) {

[WXSDKEngine registerComponent:componentName withClass:NSClassFromString([components valueForKey:componentName])];

}

}

// 扩展 Moudles

+ (void)registerBmModules

{

NSDictionary *modules = @{

@"bmRouter" : NSStringFromClass([BMRouterModule class]),

@"bmAxios": NSStringFromClass([BMAxiosNetworkModule class])

...

};

for (NSString *moduleName in modules.allKeys) {

[WXSDKEngine registerModule:moduleName withClass:NSClassFromString([modules valueForKey:moduleName])];

}

}

// 扩展 Handlers

+ (void)registerBmHandlers

{

[WXSDKEngine registerHandler:[WXImgLoaderDefaultImpl new] withProtocol:@protocol(WXImgLoaderProtocol)];

[WXSDKEngine registerHandler:[WXBMNetworkDefaultlpml new] withProtocol:@protocol(WXResourceRequestHandler)];

...

}

+ (void)registerDefaults

{

static dispatch_once_t onceToken;

dispatch_once(&onceToken, ^{

[self _registerDefaultComponents];

[self _registerDefaultModules];

[self _registerDefaultHandlers];

});

}

// WXSDKEngine.m

+ (void)_registerDefaultComponents

{

[self registerComponent:@"container" withClass:NSClassFromString(@"WXDivComponent") withProperties:nil];

[self registerComponent:@"cell-slot" withClass:NSClassFromString(@"WXCellSlotComponent") withProperties: @{@"append":@"tree", @"isTemplate":@YES}];

...

}

+ (void)registerComponent:(NSString *)name withClass:(Class)clazz withProperties:(NSDictionary *)properties

{

if (!name || !clazz) {

return;

}

WXAssert(name && clazz, @"Fail to register the component, please check if the parameters are correct ！");

// 注册组件的方法

[WXComponentFactory registerComponent:name withClass:clazz withPros:properties];

// 遍历出组件的异步方法

NSMutableDictionary *dict = [WXComponentFactory componentMethodMapsWithName:name];

dict[@"type"] = name;

// 将组件放到 bridge 中，准备注册到 js framework 中。

if (properties) {

NSMutableDictionary *props = [properties mutableCopy];

if ([dict[@"methods"] count]) {

[props addEntriesFromDictionary:dict];

}

[[WXSDKManager bridgeMgr] registerComponents:@[props]];

} else {

[[WXSDKManager bridgeMgr] registerComponents:@[dict]];

}

}

// 类

- (void)registerComponent:(NSString *)name withClass:(Class)clazz withPros:(NSDictionary *)pros

{

WXAssert(name && clazz, @"name or clazz must not be nil for registering component.");

WXComponentConfig *config = nil;

[_configLock lock];

config = [_componentConfigs objectForKey:name];

if(config){

WXLogInfo(@"Overrider component name:%@ class:%@, to name:%@ class:%@",

config.name, config.class, name, clazz);

}

// 实例 WXComponentConfig 并保存到 _componentConfigs 中

config = [[WXComponentConfig alloc] initWithName:name class:NSStringFromClass(clazz) pros:pros];

[_componentConfigs setValue:config forKey:name];

[config registerMethods];

[_configLock unlock];

}

- (void)registerMethods

{

// 获取类

Class currentClass = NSClassFromString(_clazz);

if (!currentClass) {

WXLogWarning(@"The module class [%@] doesn't exit！", _clazz);

return;

}

while (currentClass != [NSObject class]) {

unsigned int methodCount = 0;

// 获取方法列表

Method *methodList = class_copyMethodList(object_getClass(currentClass), &methodCount);

// 遍历方法列表

for (unsigned int i = 0; i < methodCount; i++) {

// 获取方法名称

NSString *selStr = [NSString stringWithCString:sel_getName(method_getName

(methodList[i])) encoding:NSUTF8StringEncoding];

BOOL isSyncMethod = NO;

// 同步方法

if ([selStr hasPrefix:@"wx_export_method_sync_"]) {

isSyncMethod = YES;

// 异步方法

} else if ([selStr hasPrefix:@"wx_export_method_"]) {

isSyncMethod = NO;

// 其他未暴露方法

} else {

continue;

}

NSString *name = nil, *method = nil;

SEL selector = NSSelectorFromString(selStr);

// 获取方法实现

if ([currentClass respondsToSelector:selector]) {

method = ((NSString* (*)(id, SEL))[currentClass methodForSelector:selector])(currentClass, selector);

}

if (method.length <= 0) {

WXLogWarning(@"The module class [%@] doesn't has any method！", _clazz);

continue;

}

NSRange range = [method rangeOfString:@":"];

if (range.location != NSNotFound) {

name = [method substringToIndex:range.location];

} else {

name = method;

}

// 将方法保持到对应的字典中

NSMutableDictionary *methods = isSyncMethod ?

_syncMethods : _asyncMethods;

[methods setObject:method forKey:name];

}

free(methodList);

currentClass = class_getSuperclass(currentClass);

}

}

+ (void)registerComponent:(NSString *)name withClass:(Class)clazz withProperties:(NSDictionary *)properties

{

if (!name || !clazz) {

return;

}

WXAssert(name && clazz, @"Fail to register the component, please check if the parameters are correct ！");

[WXComponentFactory registerComponent:name withClass:clazz withPros:properties];

// ↑ 到这里 Component 的方法已经解析完毕，并保持到了 WXComponentFactory 中

// 获取 Component 的异步方法

NSMutableDictionary *dict = [WXComponentFactory componentMethodMapsWithName:name];

dict[@"type"] = name;

// 最后将 Component 注册到 jsfm 中

if (properties) {

NSMutableDictionary *props = [properties mutableCopy];

if ([dict[@"methods"] count]) {

[props addEntriesFromDictionary:dict];

}

[[WXSDKManager bridgeMgr] registerComponents:@[props]];

} else {

[[WXSDKManager bridgeMgr] registerComponents:@[dict]];

}

}

// WXSDKManager

@interface WXSDKManager ()

@property (nonatomic, strong) WXBridgeManager *bridgeMgr;

@property (nonatomic, strong) WXThreadSafeMutableDictionary *instanceDict;

@end

// WXBridgeManager

@interface WXBridgeManager ()

@property (nonatomic, strong) WXBridgeContext *bridgeCtx;

@property (nonatomic, assign) BOOL stopRunning;

@property (nonatomic, strong) NSMutableArray *instanceIdStack;

@end

// WXBridgeContext

@interface WXBridgeContext ()

@property (nonatomic, strong) id jsBridge;

@property (nonatomic, strong) id devToolSocketBridge;

@property (nonatomic, assign) BOOL debugJS;

//store the methods which will be executed from native to js

@property (nonatomic, strong) NSMutableDictionary *sendQueue;

//the instance stack

@property (nonatomic, strong) WXThreadSafeMutableArray *insStack;

//identify if the JSFramework has been loaded

@property (nonatomic) BOOL frameworkLoadFinished;

//store some methods temporarily before JSFramework is loaded

@property (nonatomic, strong) NSMutableArray *methodQueue;

// store service

@property (nonatomic, strong) NSMutableArray *jsServiceQueue;

@end

// WXBridgeManager

- (void)registerComponents:(NSArray *)components

{

if (!components) return;

__weak typeof(self) weakSelf = self;

WXPerformBlockOnBridgeThread(^(){

[weakSelf.bridgeCtx registerComponents:components];

});

}

// WXBridgeContext

- (void)registerComponents:(NSArray *)components

{

WXAssertBridgeThread();

if(!components) return;

[self callJSMethod:@"registerComponents" args:@[components]];

}

- (void)callJSMethod:(NSString *)method args:(NSArray *)args

{

// 如果 js frameworkLoadFinished 就立即注入 Component

if (self.frameworkLoadFinished) {

[self.jsBridge callJSMethod:method args:args];

} else {

// 如果没有执行完，就将方法放到 _methodQueue 队列中

[_methodQueue addObject:@{@"method":method, @"args":args}];

}

}

- (void)callJSMethod:(NSString *)method args:(NSArray *)args onContext:(JSContext*)context completion:(void (^)(JSValue * value))complection

{

NSMutableArray *newArg = nil;

if (!context) {

if ([self.jsBridge isKindOfClass:[WXJSCoreBridge class]]) {

context = [(NSObject*)_jsBridge valueForKey:@"jsContext"];

}

}

if (self.frameworkLoadFinished) {

newArg = [args mutableCopy];

if ([newArg containsObject:complection]) {

[newArg removeObject:complection];

}

WXLogDebug(@"Calling JS... method:%@, args:%@", method, args);

JSValue *value = [[context globalObject] invokeMethod:method withArguments:args];

if (complection) {

complection(value);

}

} else {

newArg = [args mutableCopy];

if (complection) {

[newArg addObject:complection];

}

[_methodQueue addObject:@{@"method":method, @"args":[newArg copy]}];

}

// 当 js framework 执行完毕之后会回来调用 WXJSCoreBridge 这个方法

- (JSValue *)callJSMethod:(NSString *)method args:(NSArray *)args

{

WXLogDebug(@"Calling JS... method:%@, args:%@", method, args);

return [[_jsContext globalObject] invokeMethod:method withArguments:args];

}

+ (void)_registerDefaultModules

{

[self registerModule:@"dom" withClass:NSClassFromString(@"WXDomModule")];

[self registerModule:@"locale" withClass:NSClassFromString(@"WXLocaleModule")];

...

}

+ (void)registerModule:(NSString *)name withClass:(Class)clazz

{

WXAssert(name && clazz, @"Fail to register the module, please check if the parameters are correct ！");

if (!clazz || !name) {

return;

}

NSString *moduleName = [WXModuleFactory registerModule:name withClass:clazz];

NSDictionary *dict = [WXModuleFactory moduleMethodMapsWithName:moduleName];

[[WXSDKManager bridgeMgr] registerModules:dict];

}

@interface WXModuleFactory ()

@property (nonatomic, strong) NSMutableDictionary *moduleMap;

@end

- (NSString *)_registerModule:(NSString *)name withClass:(Class)clazz

{

WXAssert(name && clazz, @"Fail to register the module, please check if the parameters are correct ！");

[_moduleLock lock];

//allow to register module with the same name;

WXModuleConfig *config = [[WXModuleConfig alloc] init];

config.name = name;

config.clazz = NSStringFromClass(clazz);

[config registerMethods];

[_moduleMap setValue:config forKey:name];

[_moduleLock unlock];

return name;

}

- (NSMutableDictionary *)_moduleMethodMapsWithName:

(NSString *)name

{

NSMutableDictionary *dict = [NSMutableDictionary

dictionary];

NSMutableArray *methods = [self _defaultModuleMethod];

[_moduleLock lock];

[dict setValue:methods forKey:name];

WXModuleConfig *config = _moduleMap[name];

void (^mBlock)(id, id, BOOL *) = ^(id mKey, id

mObj, BOOL * mStop) {

[methods addObject:mKey];

};

[config.syncMethods enumerateKeysAndObjectsUsingBlock

:mBlock];

[config.asyncMethods enumerateKeysAndObjectsUsingBlock

:mBlock];

[_moduleLock unlock];

return dict;

}

- (NSMutableArray*)_defaultModuleMethod

{

return [NSMutableArray arrayWithObjects:@"addEventListener",@"

removeAllEventListeners", nil];

}

- (void)registerModules:(NSDictionary *)modules

{

WXAssertBridgeThread();

if(!modules) return;

[self callJSMethod:@"registerModules" args:@[modules]];

}

@protocol WXResourceRequestHandler

// Send a resource request with a delegate

- (void)sendRequest:(WXResourceRequest *)request withDelegate:(id)delegate;

@optional

// Cancel the ongoing request

- (void)cancelRequest:(WXResourceRequest *)request;

@end

//

// WXResourceRequestHandlerDefaultImpl.m

//

#pragma mark - WXResourceRequestHandler

- (void)sendRequest:(WXResourceRequest *)request withDelegate:(id)delegate

{

if (!_session) {

NSURLSessionConfiguration *urlSessionConfig = [NSURLSessionConfiguration defaultSessionConfiguration];

if ([WXAppConfiguration customizeProtocolClasses].count > 0) {

NSArray *defaultProtocols = urlSessionConfig.protocolClasses;

urlSessionConfig.protocolClasses = [[WXAppConfiguration customizeProtocolClasses] arrayByAddingObjectsFromArray:defaultProtocols];

}

_session = [NSURLSession sessionWithConfiguration:urlSessionConfig

delegate:self

delegateQueue:[NSOperationQueue mainQueue]];

_delegates = [WXThreadSafeMutableDictionary new];

}

NSURLSessionDataTask *task = [_session dataTaskWithRequest:request];

request.taskIdentifier = task;

[_delegates setObject:delegate forKey:task];

[task resume];

}

- (void)cancelRequest:(WXResourceRequest *)request

{

if ([request.taskIdentifier isKindOfClass:[NSURLSessionTask class]]) {

NSURLSessionTask *task = (NSURLSessionTask *)request.taskIdentifier;

[task cancel];

[_delegates removeObjectForKey:task];

}

}

|-- api：冻结原型链，提供给原生调用的方法，比如 registerModules

|-- bridge：和客户端相关的接口调用，调用客户端的时候有一个任务调度

|-- entries：客户端执行 js framework 的入口文件，WXSDKEngine 调用的方法

|-- frameworks：核心文件，初始化 js bundle 实例，对实例进行管理，dom 调度转换等

|-- services：js service 存放，broadcast 调度转换等

|-- shared：polyfill 和 console 这些差异性的方法

|-- vdom：将 VDOM 转化成客户端能渲染的指令

|-- index.js：入口文件

|-- legacy：关于 VM 相关的主要方法

| |-- api：相关 vm 定义的接口

| |-- app：管理页面间页面实例的方法

| |-- core：实现数据监听的方法

| |-- static：静态方法

| |-- util：工具类函数

| |-- vm：解析指令相关

|-- vanilla：与客户端交互的一些方法

// WXSDKEngine

[[WXSDKManager bridgeMgr] executeJsFramework:script];

// WXBridgeManager

- (void)executeJsFramework:(NSString *)script

{

if (!script) return;

__weak typeof(self) weakSelf = self;

WXPerformBlockOnBridgeThread(^(){

[weakSelf.bridgeCtx executeJsFramework:script];

});

}

// WXBridgeContext

- (void)executeJsFramework:(NSString *)script

{

WXAssertBridgeThread();

WXAssertParam(script);

WX_MONITOR_PERF_START(WXPTFrameworkExecute);

// 真正的执行 js framework

[self.jsBridge executeJSFramework:script];

WX_MONITOR_PERF_END(WXPTFrameworkExecute);

if ([self.jsBridge exception]) {

NSString *exception = [[self.jsBridge exception] toString];

NSMutableString *errMsg = [NSMutableString stringWithFormat:@"

[WX_KEY_EXCEPTION_SDK_INIT_JSFM_INIT_FAILED] %@",exception];

[WXExceptionUtils commitCriticalExceptionRT:@"WX_KEY_EXCEPTION_SDK_INIT" errCode:[NSString stringWithFormat:@"%d", WX_KEY_EXCEPTION_SDK_INIT] function:@"" exception:errMsg extParams:nil];

WX_MONITOR_FAIL(WXMTJSFramework, WX_ERR_JSFRAMEWORK_EXECUTE, errMsg);

} else {

WX_MONITOR_SUCCESS(WXMTJSFramework);

//the JSFramework has been load successfully.

// 执行完 js

self.frameworkLoadFinished = YES;

// 执行缓存在 _jsServiceQueue 中的方法

[self executeAllJsService];

// 获取 js framework 版本号

JSValue *frameworkVersion = [self.jsBridge callJSMethod:@"getJSFMVersion" args:nil];

if (frameworkVersion && [frameworkVersion

isString]) {

[WXAppConfiguration setJSFrameworkVersion:[frameworkVersion toString]];

}

// 计算 js framework 的字节大小

if (script) {

[WXAppConfiguration setJSFrameworkLibSize:[script lengthOfBytesUsingEncoding:NSUTF8StringEncoding]];

}

//execute methods which has been stored in methodQueue

temporarily.

// 开始执行之前缓存在队列缓存在 _methodQueue 的方法

for (NSDictionary *method in _methodQueue) {

[self callJSMethod:method[@"method"] args:method[@"args"]];

}

[_methodQueue removeAllObjects];

WX_MONITOR_PERF_END(WXPTInitalize);

};

}

// WXBridgeContext

- (void)executeJSFramework:(NSString *)frameworkScript

{

WXAssertParam(frameworkScript);

if (WX_SYS_VERSION_GREATER_THAN_OR_EQUAL_TO(@"8.0")) {

[_jsContext evaluateScript:frameworkScript withSourceURL:[NSURL URLWithString:@"native-bundle-main.js"]];

}else{

[_jsContext evaluateScript:frameworkScript];

}

}

// WXBridgeContext

- (void)executeAllJsService

{

for(NSDictionary *service in _jsServiceQueue) {

NSString *script = [service valueForKey:@"script"];

NSString *name = [service valueForKey:@"name"];

[self executeJsService:script withName:name];

}

[_jsServiceQueue removeAllObjects];

}

for (NSDictionary *method in _methodQueue) {

[self callJSMethod:method[@"method"] args:method[@"args"]];

}

[_methodQueue removeAllObjects];

// WXSDKEngine

NSDictionary *jsSerices = [WXDebugTool jsServiceCache];

for(NSString *serviceName in jsSerices) {

NSDictionary *service = [jsSerices objectForKey:serviceName];

NSString *serviceName = [service objectForKey:@"name"];

NSString *serviceScript = [service objectForKey:@"script"];

NSDictionary *serviceOptions = [service objectForKey:@"options"];

[WXSDKEngine registerService:serviceName withScript:serviceScript withOptions:serviceOptions];

}

// WXBridgeContext

- (void)executeJsService:(NSString *)script withName:(NSString *)name

{

if(self.frameworkLoadFinished) {

WXAssert(script, @"param script required!");

[self.jsBridge executeJavascript:script];

if ([self.jsBridge exception]) {

NSString *exception = [[self.jsBridge exception] toString];

NSMutableString *errMsg = [NSMutableString stringWithFormat:@"[WX_KEY_EXCEPTION_INVOKE_JSSERVICE_EXECUTE] %@",exception];

[WXExceptionUtils commitCriticalExceptionRT:@"WX_KEY_EXCEPTION_INVOKE" errCode:[NSString stringWithFormat:@"%d", WX_KEY_EXCEPTION_INVOKE] function:@"" exception:errMsg extParams:nil];

WX_MONITOR_FAIL(WXMTJSService,

WX_ERR_JSFRAMEWORK_EXECUTE, errMsg);

} else {

// success

}

}else {

[_jsServiceQueue addObject:@{

@"name": name,

@"script": script

}];

}

}

/**

* Setup frameworks with runtime.

* You can package more frameworks by

* passing them as arguments.

*/

export default function (frameworks) {

const { init, config } = runtime

config.frameworks = frameworks

const { native, transformer } = subversion

for (const serviceName in services) {

runtime.service.register(serviceName, services[serviceName])

}

runtime.freezePrototype()

// register framework meta info

global.frameworkVersion = native

global.transformerVersion = transformer

// init frameworks

const globalMethods = init(config)

// set global methods

for (const methodName in globalMethods) {

global[methodName] = (...args) => {

const ret = globalMethods[methodName](...args)

if (ret instanceof Error) {

console.error(ret.toString())

}

return ret

}

}

}

// /runtime/frameworks/legacy/static/register.js

export function registerComponents (components) {

if (Array.isArray(components)) {

components.forEach(function register (name) {

/* istanbul ignore if */

if (!name) {

return

}

if (typeof name === 'string') {

nativeComponentMap[name] = true

}

/* istanbul ignore else */

else if (typeof name === 'object' && typeof name.type === 'string') {

nativeComponentMap[name.type] = name

}

})

}

}

// /runtime/frameworks/legacy/static/register.js

export function registerModules (modules) {

/* istanbul ignore else */

if (typeof modules === 'object') {

initModules(modules)

}

}

// /runtime/frameworks/legacy/app/register.js

export function initModules (modules, ifReplace) {

for (const moduleName in modules) {

// init `modules[moduleName][]`

let methods = nativeModules[moduleName]

if (!methods) {

methods = {}

nativeModules[moduleName] = methods

}

// push each non-existed new method

modules[moduleName].forEach(function (method) {

if (typeof method === 'string') {

method = {

name: method

}

}

if (!methods[method.name] || ifReplace) {

methods[method.name] = method

}

})

}

}

/*

id：Weex 实例的 id

code：js bundle 的代码

config：配置参数

data：参数

*/

function createInstance (id, code, config, data) {

// 判断当前实例是否已经创建过了

if (instanceTypeMap[id]) {

return new Error(`The instance id "${id}" has already been used!`)

// 获取当前 bundle 是那种框架

const bundleType = getBundleType(code)

instanceTypeMap[id] = bundleType

// 初始化 instance 的 config

config = JSON.parse(JSON.stringify(config || {}))

config.env = JSON.parse(JSON.stringify(global.WXEnvironment || {}))

config.bundleType = bundleType

// 获取当前的 DSL

const framework = runtimeConfig.frameworks[bundleType]

if (!framework) {

return new Error(`[JS Framework] Invalid bundle type "${bundleType}".`)

}

if (bundleType === 'Weex') {

console.error(`[JS Framework] COMPATIBILITY WARNING: `

+ `Weex DSL 1.0 (.we) framework is no longer supported! `

+ `It will be removed in the next version of WeexSDK, `

+ `your page would be crash if you still using the ".we" framework. `

+ `Please upgrade it to Vue.js or Rax.`)

}

// 获得对应的 WeexInstance 实例，提供 Weex.xx 相关的方法

const instanceContext = createInstanceContext(id, config, data)

if (typeof framework.createInstance === 'function') {

// Temporary compatible with some legacy APIs in Rax,

// some Rax page is using the legacy ".we" framework.

if (bundleType === 'Rax' || bundleType === 'Weex') {

const raxInstanceContext = Object.assign({

config,

created: Date.now(),

framework: bundleType

}, instanceContext)

// Rax 或者 Weex DSL 调用初始化的地方

return framework.createInstance(id, code, config, data, raxInstanceContext)

}

// Rax 或者 Weex DSL 调用初始化的地方

return framework.createInstance(id, code, config, data, instanceContext)

}

// 当前 DSL 没有提供 createInstance 支持

runInContext(code, instanceContext)

}

// /runtime/frameworks/legacy/static/create.js

export function createInstance (id, code, options, data, info) {

const { services } = info || {}

resetTarget()

let instance = instanceMap[id]

/* istanbul ignore else */

options = options || {}

let result

/* istanbul ignore else */

if (!instance) {

// 创建 APP 实例，并将实例放到 instanceMap 上

instance = new App(id, options)

instanceMap[id] = instance

result = initApp(instance, code, data, services)

}

else {

result = new Error(`invalid instance id "${id}"`)

}

return (result instanceof Error) ? result : instance

}

// /runtime/frameworks/legacy/app/instance.js

export default function App (id, options) {

this.id = id

this.options = options || {}

this.vm = null

this.customComponentMap = {}

this.commonModules = {}

// document

this.doc = new renderer.Document(

id,

this.options.bundleUrl,

null,

renderer.Listener

)

this.differ = new Differ(id)

}

if (!callFunctionNative(globalObjects, functionBody)) {

// If failed to compile functionBody on native side,

// fallback to callFunction.

callFunction(globalObjects, functionBody)

}

// 真正执行 js bundle 的方法

function callFunction (globalObjects, body) {

const globalKeys = []

const globalValues = []

for (const key in globalObjects) {

globalKeys.push(key)

globalValues.push(globalObjects[key])

}

globalKeys.push(body)

// 所有的方法都是通过 new Function() 的方式被执行的

const result = new Function(...globalKeys)

return result(...globalValues)

}