JS与OC交互，JS中调用OC方法(获取JSContext的方式)

最新推荐文章于 2021-07-22 13:18:43 发布

qq_45670012

最新推荐文章于 2021-07-22 13:18:43 发布

阅读量470

点赞数

分类专栏：前端文章标签： ios_笔记 js

原文链接：https://www.mk2048.com/blog/blog.php?id=hikhjhh2ihaa&title=JS%E4%B8%8EOC%E4%BA%A4%E4%BA%92%EF%BC%8CJS%E4%B8%AD%E8%B0%83%E7%94%A8OC%E6%96%B9%E6%B3%95%28%E8%8E%B7%E5%8F%96JSContext%E7%9A%84%E6%96%B9%E5%BC%8F%29

版权

前端专栏收录该内容

1223 篇文章 6 订阅

订阅专栏

最近用到JS和OC原生方法调用的问题，查了许多资料都语焉不详，自己记录一下吧，如果有误欢迎联系我指出。

JS中调用OC方法有三种方式：

1.通过获取JSContext的方式直接调用OC方法

2.通过继承自JSExport的方式调用delegate中的方法

3.截取URL的方式（此种方式资料很多，就不写了）

先上OC代码

- (void)webViewDidFinishLoad:(UIWebView *)webView {

　　　// 设置javaScriptContext上下文

　　　 self.jsContext = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

// 方法一
    __weak typeof(self) weakSelf = self;
    self.jsContext[@"getMessage"] = ^(){
        return [weakSelf blockCallMessage];
    };

    // 方法二
    self.jsContext[@"JavaScriptInterface"] = self;
}

- (NSString *)blockCallMessage {

    return @"call via block";
}

#pragma mark - JSCallDelegate
  // 提供给JS调用的方法
- (NSString *)tipMessage {

    return @"call via delegate";
}

HTML代码

<html>
<head>
</head>
<body>
    <script>
        function buttonClick1()
        {
            // 方法一
             var token = getMessage();

            alert(token)
        }
        function buttonClick2()
        {
            // 方法二
            var token = JavaScriptInterface.tipMessage();
        
            alert(token)
        }
        </script>
    <button id="abc" onclick="buttonClick1()">function 1</button>
    <button id="abcd" onclick="buttonClick2()">function 2</button>
</body>
</html>

方法一中的jsContext[@"getMessage"]需要和JS中调用的方法名一致，既JS中需要直接调用getMessage()，而jsContext[@"getMessage"]则赋值为一个block，这个block中调用的方法就是JS中调用getMessage()就是执行这个block；

方法二中的jsContext[@"JavaScriptInterface"] = self其中的JavaScriptInterface可以随便命名，保持JS中和该命名保持一致即可，JS中通过JavaScriptInterface来调用继承自JSExport的delegate中的方法，即JavaScriptInterface.tipMessage()

更多专业前端知识，请上【猿2048】www.mk2048.com