当前位置：首页 > news >正文

JSPatch

news 来源：原创 2024/5/8 3:33:09

JSPacth（用JS更新OC代码）

临时修复一些BUG需要这个方案

库：https://github.com/bang590/JSPatch

工具： http://bang590.github.io/JSPatchConvertor/

官网：http://jspatch.com

下面是我用js代码写的app的一些类和方法

//defineClass重新定义现有的类并且覆盖方法

//tips:我的使用方式，使用oc-js转换工具转换之后再微调，不然那些类的方法好难记住

//方法和方法之间需要用逗号隔开
require('UIAlertView')//需要使用该类就需要导入
defineClass('MainControl:<UIAlertViewDelegate>', {
    
    //这里覆盖了生命周期的一个方法，让它打印一个信息
    viewWillAppear: function(animated) {
        self.super().viewWillAppear(animated);
        console.log('生命周期－视图将要显示')
    },
    
    //这里覆盖了oc中的showText使其调用为空
    showText: function() {
            
    },
            
    //按钮点击监听事件
    handleBtn: function(sender) {
        console.log('测试1111')
        var testString = "测试的字符串"
        console.log('click btn ' + testString)
        
        //初始化一个alertView
        var temAlertView = UIAlertView.alloc().
        initWithTitle_message_delegate_cancelButtonTitle_otherButtonTitles("提示","点击进入自定义列表控制器", self, "确定", null);
        temAlertView.show()
            
    },
    //alertView的代理
    alertView_willDismissWithButtonIndex: function(alertView, idx) {
        //控制器跳转
        var control = CustomTableControl.alloc().init();
        self.navigationController().pushViewController_animated(control, YES)
    }
})

//我自己创建一个控制器（自定义列表控制器）
require('UITableViewCell')
defineClass('CustomTableControl: UITableViewController', {
            
            //生命周期
            viewDidLoad: function() {
                self.super().viewDidLoad();
                self.setTitle("列表");
                self.tableView().registerClass_forCellReuseIdentifier(UITableViewCell.class(), "cellID");
            },
            //代理
            tableView_numberOfRowsInSection: function(tableView, section) {
                return 10;
            },
            
            tableView_cellForRowAtIndexPath: function(tableView, indexPath) {
                //创建cell
                var cell = tableView.dequeueReusableCellWithIdentifier("cellID");
                cell.textLabel().setText("text");
                return cell;
            },
            tableView_didSelectRowAtIndexPath: function(tableView, indexPath) {
                var control = CustomDeatilControl.alloc().init();
                self.navigationController().pushViewController_animated(control, YES)
            },
})

require('UIColor,UIView');
//自己创建的一个视图控制器
defineClass('CustomDeatilControl: UIViewController', {
            
            //生命周期
            viewDidLoad: function() {
                self.super().viewDidLoad();
                self.setTitle("详情");
                self.view().setBackgroundColor(UIColor.redColor());
            //frame初始化要这种格式 UIView.alloc().initWithFrame({x:20, y:20, width:100, height:100});
                var view = UIView.alloc().initWithFrame({x:100, y:100, width:100, height:100});
                view.setBackgroundColor(UIColor.blackColor());
                self.view().addSubview(view);
            },
})

效果图：

一般情况下我们照着下面方法的使用，已经能处理很多事情了

//require
require('UIView, UIColor, UISlider, NSIndexPath')

// Invoke class method
var redColor = UIColor.redColor();

// Invoke instance method
var view = UIView.alloc().init();
view.setNeedsLayout();

// set proerty
view.setBackgroundColor(redColor);

// get property 
var bgColor = view.backgroundColor();

// multi-params method (use underline to separate)
// OC：NSIndexPath *indexPath = [NSIndexPath indexPathForRow:0 inSection:1];
var indexPath = NSIndexPath.indexPathForRow_inSection(0, 1);

// method name contains underline (use double undeline to represent)
// OC: [JPObject _privateMethod];
JPObject.__privateMethod()

// use .toJS() to convert NSArray / NSString / NSDictionary to JS type.
var arr = require('NSMutableArray').alloc().init()
arr.addObject("JS")
jsArr = arr.toJS()
console.log(jsArr.push("Patch").join(''))  //output: JSPatch

// use hashes to represent struct like CGRect / CGSize / CGPoint / NSRange
var view = UIView.alloc().initWithFrame({x:20, y:20, width:100, height:100});
var x = view.bounds().x;

// wrap function with `block()` when passing block from JS to OC
// OC Method: + (void)request:(void(^)(NSString *content, BOOL success))callback
require('JPObject').request(block("NSString *, BOOL", function(ctn, succ) {
  if (succ) log(ctn)
}));

// GCD
dispatch_after(function(1.0, function(){
  // do something
}))
dispatch_async_main(function(){
  // do something
})