uni-app 里的#ifdef MP是什么意思？条件编译

我不是女神ヾ 2021-11-17 12:48 243阅读 0赞

uni-app官方文档传送门：[条件编译(点我)][Link 1]

相信很多刚接触uni-app的童鞋都不太喜欢先看完整官方文档。总会碰到很多不懂的地方第一时间上网搜答案，就比如在uni-app模版看到的\#ifdef MP，这是什么鬼？

对于学过C语言的童鞋并不陌生，因为这是条件编译语句

为什么会出现在uni-app里呢？因为uni-app的特性---一份代码，多平台运行。没错，就是一套代码，可以在android ios 各个小程序和h5上运行，因此为了代码简洁性引入的条件编译，

### \#ifdef   \#ifndef  \#endif(其实官网介绍的也很详细) ###

标准的语法

// #ifdef %PLATFORM%
        %PLATFORM%为平台名称
        这里的内容只会编译在该平台
    // #endif

可以看到其实以\#ifdef开头 \#endif结尾，但是注意一下就会发现前面双斜杠，这里是注释标记

也就是说在各个代码块里的注释不一样，注释标记就要切换掉，比如

js：  // #ifdef
    tag标签： 
    css样式： /*  #ifdef  */

解释一下语句是什么意思

\#ifdef ：       if defined  仅在某个平台编译

\#ifndef ：     if not defined  在除里该平台的其他编译

\#endif ：       end if 结束条件编译

%PLATFORM%       需要编译的平台，上面的MP就是各个小程序的意思

### uni-app支持的各个平台（下面官网copy过来的） ###

<table> 
 <thead> 
  <tr> 
   <th>值</th> 
   <th>平台</th> 
   <th>参考文档</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>APP-PLUS</td> 
   <td>5+App</td> 
   <td><a href="http://www.html5plus.org/doc/" rel="nofollow">HTML5+ 规范</a></td> 
  </tr> 
  <tr> 
   <td>APP-PLUS-NVUE</td> 
   <td>5+App nvue</td> 
   <td><a href="https://weex.apache.org/cn/guide/" rel="nofollow">Weex 规范</a></td> 
  </tr> 
  <tr> 
   <td>H5</td> 
   <td>H5</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>MP-WEIXIN</td> 
   <td>微信小程序</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/api/" rel="nofollow">微信小程序</a></td> 
  </tr> 
  <tr> 
   <td>MP-ALIPAY</td> 
   <td>支付宝小程序</td> 
   <td><a href="https://docs.alipay.com/mini/developer/getting-started" rel="nofollow">支付宝小程序</a></td> 
  </tr> 
  <tr> 
   <td>MP-BAIDU</td> 
   <td>百度小程序</td> 
   <td><a href="https://smartprogram.baidu.com/docs/develop/tutorial/codedir/" rel="nofollow">百度小程序</a></td> 
  </tr> 
  <tr> 
   <td>MP-TOUTIAO</td> 
   <td>头条小程序</td> 
   <td><a href="https://developer.toutiao.com/docs/framework/" rel="nofollow">头条小程序</a></td> 
  </tr> 
  <tr> 
   <td>MP-QQ</td> 
   <td>QQ小程序</td> 
   <td>（目前仅cli版支持）</td> 
  </tr> 
  <tr> 
   <td>MP</td> 
   <td>微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

### **示例** 如果只需要在微信小程序上编译某段代码的话 ###

// #ifdef MP-WEIXIN
        我是那个代码
    // #endif

[Link 1]: https://uniapp.dcloud.io/platform