uniapp 中的 #ifndef 条件编译

在 UniApp 中,#ifndef条件编译 的语法,意思是 "if not defined"(如果未定义)。

基本语法

javascript 复制代码
#ifndef 平台名称
// 这里的代码只在指定平台不存在时编译
#endif

实际应用示例

1. 平台特定代码

javascript 复制代码
// 只有在非 H5 平台才编译这段代码
#ifndef H5
console.log('这段代码在 H5 平台不会执行');
// 可以写一些小程序特有的 API 调用
#endif

// 只有在非微信小程序才编译
#ifndef MP-WEIXIN
console.log('这段代码在微信小程序不会执行');
#endif

2. 与 #ifdef 配合使用

javascript 复制代码
#ifdef MP-WEIXIN
console.log('只在微信小程序执行');
#else
console.log('在除微信小程序外的其他平台执行');
#endif

3. 多平台判断

javascript 复制代码
#ifndef APP-PLUS && !H5
console.log('既不是 App 也不是 H5 平台');
#endif

常用平台标识符

  • H5 - H5 平台
  • MP-WEIXIN - 微信小程序
  • MP-ALIPAY - 支付宝小程序
  • APP-PLUS - App 平台
  • MP - 所有小程序平台

实际使用场景

javascript 复制代码
// 根据不同平台使用不同的 API
#ifndef H5
// 小程序和 App 中使用 uni 的 API
uni.showToast({
  title: '提示信息'
});
#endif

#ifdef H5
// H5 平台使用浏览器原生 API
alert('提示信息');
#endif

总结#ifndef 让你可以针对不同平台编写不同的代码,在编译时只会保留对应平台的代码,其他平台的代码会被过滤掉。

相关推荐
Keepreal4963 小时前
word文件预览实现
前端·javascript·react.js
郝开3 小时前
5. React中的组件:组件是什么;React定义组件
前端·javascript·react.js
white-persist3 小时前
SQL 注入详解:从原理到实战
前端·网络·数据库·sql·安全·web安全·原型模式
FuckPatience3 小时前
电脑所有可用的网络接口
前端·javascript·vue.js
索马里亚纳海参炒贩3 小时前
Rust、C++语言桌面开发框架有哪些?
前端
道可到3 小时前
程序员养生十大违章:你中了几条?
前端·后端·面试
Guo_Pian3 小时前
vite核心原理
前端·架构
斜向生3 小时前
【JavaScript正则表达式指南】——正则表达式入门:创建、方法与标志详解
前端
朕的剑还未配妥3 小时前
Vue2函数式组件实战:手写可调用的动态组件,适用于toast轻提示、tip提示、dialog弹窗等
前端