前端集成weex,你需要学习的objective-c基础

86437913 2019-06-27

背景

最近要把weex集成到App中,需要给iOS安卓提供库文件,这里的库文件并不是WeexSDK,而是连接iOSweex的中间件,所以就接触到oc,如果你也和我一样,需要集成weex,那恭喜你,oc你也需要学习。你可能会有个疑问,不是有专职的iOS工程师嘛,干嘛还需要前端来写,我是这么想的:

  • 首先你是weex的发起者,同时你也是推动者,App要集成这项目技术,iOS工程师当然希望集成越简单,对现有功能影响越小越好,那自然不能把weex和他们的代码混到一起,那这块相对独立的功能自然是前端来做最合适
  • 其次这是了解全面了解iOS的一次绝佳的机会,爱学习的你,真的愿意拱手相让么?
  • 以后三端的界限会变的不那么清晰了,现在都在提大前端,多接触其他领域也是件好事

前面的话

既然我们是做前端的,对一门新语言只要大致知道语法还有这门语言的特点(这块会着重介绍),不过三天,你会写的js一样熟练,好,我们开始我们的第一个Hello World!

开始第一个程序

我们先使用xcode来开发入门的IDE。新建项目的时候,我们需要注意一下,既然是入门语法(不涉及画UI),我们没有必要搞那么复杂,就选择最简单的类型:命令行。

前端集成weex,你需要学习的objective-c基础

运行结果:

前端集成weex,你需要学习的objective-c基础

新建完成之后,我们就能看到main.m文件,使用cmd+R来运行,就可以在命令行看到效果,下面我们来依次介绍语法,保证简洁!

基本类型

  • int类型没啥好说的,就这样定义就行:int a = 10;
  • string类型比较特殊,字符串属性对象类型,所以我们定义时,在字符串前面需要加一个@,变量名称前加*,这样定义:NSString *name = @"james";其中NSString就代表字符串类型。

占位符

占位符应用比较多的场景是NSLog,也就是我们js的console.log,打印变量是我们开发中常用到的功能,oc中我们使用占位符来代表变量,比如我们要打印int age = 10; NSString *name = @"james";,我们可以这样做:

NSLog(@"姓名:%@,年龄:%d", name, age);

其中:%@代表对象类型的占位符;%d代表整型的占位符。

方法

单参数/无参数方法

oc中,方法的定义比较特殊,差不多长这样:

+ (void) test {
    NSLog(@"Hello World!");
}

- (NSString *) test1:(NSString *)key {
    return key;
}

这里面你发现没有function这样的关健字,

  • +号代表静态方法-号代表实例方法(需要实例化后才能使用)
  • 括号里面代表返回值,void代表无返回
  • testtest1代表方法名称
  • (NSString *) key代表参数类型和参数变量名

多参数方法

多参数的方法,在这里要好好的说一下,初始接触oc,你肯定会觉得莫名其妙,我们先来看下多参数方法的定义:

-(void)login:(NSString *)userName password:(NSString *)pwd {
    NSLog(@"userName=%@, password=%@", userName, pwd);
}

看起来是不是有点蒙,这和我们之前任何一种语言方法的定义都不一样,现在我们一张图就能说明白,看懂了之后,习惯就好了

前端集成weex,你需要学习的objective-c基础

类的介绍

任何面对对象的语言都有类,oc也不例外,新建类的时候,我们选择:macOS-->Cocoa Class,这样在项目中,你会发现两个文件,一个*.h文件和*.m文件,下面我们分别介绍

*.h文件的作用

#import <Foundation/Foundation.h>
@interface Test : NSObject
-(void) test;
@end

这里面只定义需要外部访问的方法结构,也就是对外的方法,具体实现是在.m文件中

类的使用

类的使用,也和其他语言不太一样,我们先来看一张图

前端集成weex,你需要学习的objective-c基础

  • 类的实例化需要两步:alloc分配内存,init才是实例化,在其他语言中new其实执行的也是这两步
  • 类对方法的调用使用的是[对象 方法]这种形式,而不是以对象.方法的形式,这和其他语言区别比较大
  • 点的方式也用的到,就是获取对象属性的时候,就是使用这种形式对象.属性

代码块(block)

代码块这个词你乍一听挺陌生,我举一个我们js里面经常用的例子,你就明白了。

function add(age, cb) {
    age += 1
    cb(age)
}

add(20, function(newAge){
    console.log(newAge)
})

oc里面的代码码对应的就是add方法中的cb,js是因为是弱类型语言,所以不需要定义类型,但是oc是强类型的,要用就必须定义,那cb是啥类型呢,就是代码块类型!其实这种类型解决的一个主要问题就是异步回调,和我们js里面的用法差不多,我们看下oc里面怎么使用

// 定义一个block
typedef void(^callbackBlock)(NSString *data);
// 定义方法
+ (void)ajax:(NSString *)url cb:(callbackBlock)aCallback {
    ......
    aCallback(@"Hello")
    ......
}
// 使用方法
[YourClass ajax:@"xxxx", cb:^(NSString *data){
    NSLog(data);
}]

协议(Protocol)

oc里面的协议(Protocol)和java里面的接口(interface)比较类似,都是只定义,不实现;都需要一个类来实现这个协议和协议里面的方法。我们来看下语法:

  • 定义协议
#import <Foundation/Foundation.h>
// @protocol为关健字,定义这个类是一个协议类
@protocol TestProtocol <NSObject>

// @required为关健字,代表必须要实现的方法
@required
- (void)req;

// @required为关健字,代表未必要实现的方法
@optional
- (void)opt;
@end
  • 引入协议:Test.h文件
#import <Foundation/Foundation.h>
// 引入协议类
#import "TestProtocol.m"
// NSObject<TestProtocol>让Test类知道必须实现协议的方法
@interface Test : NSObject<TestProtocol>
// 注:这里面不用定义协议类的方法,需要在.m文件中定义和实现
@end
  • 实现协议:Test.m文件
#import "Test.h"
@implementation Test
-(void)req {
    NSLog(@"实现协议方法");
}
// 注:就算是@required方法,类中不实现依然不会报错,编译也能通过,只是给个警告
@end

看完了你可能会觉得这玩意有啥用啊,其实协议的用途主要是在运行时(runtime),尤其是weex和已有项目集成时,如果没有这个东西,根本就集成不起来,这块内容我们后面会说。

json对象与oc

oc中存储json对象的类型是:NSDictionary,我们来看下我们前端经常使用的一些json方法

  • 字符串转json
NSString *jsonString = @"{\"id\":1}";
// 先转成NSData类型
NSData *jsonData = [jsonString dataUsingEncoding:NSUTF8StringEncoding];
// 再转成NSDictionary
NSDictionary *dic = [NSJSONSerialization JSONObjectWithData:jsonData options:NSJSONReadingMutableContainers error:nil];
// 根据key获取value
NSLog(@"%@",dic[@"id"]);
  • json对象循环
for (NSString *key in dic) {
    NSLog(@"key=%@, value=%@", key, dic[key]);
}

结语

其实这篇文章并不没有教你在oc中for循环怎么写,if/else怎么写,因为你写过js,这些根本就不用教,自然就会,我写的都是oc这门语言,我在使用过程中,和javascript以及java中,需要注意的地方,同时我也没有说UI方面的东西,比如按钮怎么写、怎么设置背景颜色...原因有两个:

  • 这里面主要针对weex集成到App中提供的公共服务,根本就涉及不到UI
  • 如果上面的东西熟练了,UI其实就是类调用方法,没啥特殊的地方,哪里不会Google哪里就好

在集成weex的时候,需要写大量的oc逻辑代码,这部分功能就是我们提供给现有的App的一个pod(类似npm包),里面包括:缓存js文件、读取js文件、写weex的扩展module、把业务类注入到pod中使用、调试中使用到的websocket...所以当你在实现的过程中,你自然就熟悉了这门语言。多写才是掌握OC的唯五捷径!

相关推荐