专栏首页微搭低代码玩转低代码开发-条件语句
原创

玩转低代码开发-条件语句

上一篇我们用了一定的篇幅介绍了javascript的基础,本篇我们详细介绍一下javascript的语法点,本节分别介绍if语句、switch语句、三元表达式。

if 语句

if语句也叫条件分支,通过判断一个给定的条件,来选择对应的分支语法结构如下

if(条件){
  如果条件为真的时候执行相应的代码
}else{
  如果条件为假的时候执行相应的代码
}

如果有多个分支还可以有else if继续判断条件

if(条件){

}else if(条件){

}else{
}

这里需要注意的是,一般条件判断注意关注点是你的条件,就是表达式要如何书写,一般我们需要在大脑中先把逻辑想好了然后再通过代码来做具体的实现。低代码中支持两种条件的写法,一种是在组件上进行设置

在这里插入图片描述

我们可以通过判断变量的值的真假来控制组件是否显示,另外一种就是在低代码中直接以代码的形式运行

在这里插入图片描述

一般我们是需要结合上变量管理来判断逻辑的具体走向,比如如下代码

export default async function (type) {
  if (app.dataset.state.isMock) {
    let categories = await app.common.mock.fetch(app.common.mock.data.jobs);

    return [{ text: "推荐", value: "recommend" }].concat(
      categories.map((item) => ({
        text: item.text,
        value: item.id,
        ...item,
      }))
    );
  } else {
    let {
      data: { list = [] },
    } = await app.dataSources["o2oJob"].getCategories({
      isRecommend: true,
    });
    return list;
  }
}

代码的逻辑是判断isMock是否为真,如果为真就从变量里直接获取值,如果为假就从数据库里读。但凡有一定的业务逻辑都是需要使用分支结构的。

switch

switch语句是根据条件来顺序判断,符合条件就执行响应的代码,最重要的是代码执行完毕后一定要有break语句,这样后续的判断就不执行了,如果所有的case都不符合,那么最后会执行default里的代码。一般我的习惯是使用if/esle语法。

switch(条件){
   case '值1':
     代码;
     break;
   case '值2':
     代码;
     break;
   default:
     代码
}

三元运算符

三元运算符是一种便捷的判断变量的值的方法,语法如下

(表达式) ? 为真时执行:为假时执行

这个地方最常用的地方是在组件变量绑定的时候,表达式绑定可以使用三元表达式。比如我数据库里的性别字段是存的man和woman,但是在页面上显示的时候要显示为男和女,这个时候用三元表达式就比较方便

$page.dataset.state.gender=='man'?'男':'女'
在这里插入图片描述

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 玩转低代码开发-循环语句

    我们上一节讲解了条件分支语句,这一节我们介绍一下循环语句。如果是初学编程的小白,在语法部分最大的难题是理解循环,把循环弄懂了,你的编程技能就前进了一大步。

    低代码布道师
  • 玩转低代码开发-事件介绍

    事件是js中的一个技术概念,对比于现实中,我们看电视,当你按下遥控器的开关的时候,就触发了一个事件,遥控器里的预置好的代码就开始工作,给电视机发出指令让其开机。

    低代码布道师
  • 玩转低代码开发-javascirpt基础语法

    我们前边用了一定的篇幅介绍了低代码中CSS的常用语法,本篇我们开始我们的第二篇教程JavaScript。虽然很多低码工具宣传是提效工具,但它有个前提,就是你会开...

    低代码布道师
  • 包教包会!7段代码带你玩转Python条件语句(附代码)

    [ 导 读 ]条件语句通过一个或多个布尔表达式的执行结果(真值或假值)决定下一步的执行方向。所谓布尔表达式,即对某个对象进行布尔运算,产生一个bool值。条件语...

    数据派THU
  • 包教包会,7段代码带你玩转Python条件语句

    导读:条件语句通过一个或多个布尔表达式的执行结果(真值或假值)决定下一步的执行方向。所谓布尔表达式,即对某个对象进行布尔运算,产生一个bool值。条件语句的运行...

    Python数据科学
  • 玩转低代码开发-函数介绍

    编程世界里有个基本的概念,叫函数,它是指将一系列的操作封装到一个集合中,给这一系列的操作起了一个名字,那么你在调用的时候可以直接使用这个名字。

    低代码布道师
  • 条件循环语句组成了Python代码的骨架

    我们都知道流程图是有多个分支的,程序中也是如此,在Python中是用if语句来判断程序该走哪个分支的。它的执行过程如下:

    dongfanger
  • JavaScript第二节

    执行顺序:1243 ---- 243 -----243(直到循环条件变成false)

    用户3461357
  • 浩抒己见(回复私信):一个程序员的水平能差到什么程度?

    △Please wait forever to play Reddit、Steam、HackerNews上,无数玩家吐槽抱怨…… 进游戏少则等5、6分钟,多则2...

    浩说编程
  • 解码低代码开发平台如何加速企业数字化转型

    “企业数字化转型”是一个很大的课题,做了多年“信息化”的我们乍一看到这个词汇难免会有些晕眩,好在任何事物都是有迹可循的,我们不妨来看看“企业数字化转型”的本质到...

    yuanyi928
  • 低代码应用程序开发:促进企业数字化转型

    随着企业越来越强调市场颠覆和跨行业的持续创新,低代码平台重新走入人们的视野,并且逐渐成为企业CIO的焦点,低代码的拖放集成、开箱即用的用户界面(UI)模板和简单...

    增强现实核心技术产业联盟
  • 为你的Python游戏添加跳跃系统

    在本系列的上一篇文章中,你模拟了重力系统, 现在你需要给玩家一种通过跳跃来对抗重力的方法。

    五月Rambo
  • [Linux] PHP程序员玩转Linux系列-搭建代码开发环境

    有些同学可能觉得我写的都是啥yum安装的,随便配置一下而已,没啥技术含量,我的目的是让大家能够以最简单的方式实现目的,配置也是能不自定义的的统统不配置,不是为了...

    陶士涵
  • 三大结构-分支

    DataScience
  • Intellij IDEA必备插件,提高效率的“七种武器”!

    常言道“工欲善其事必先利其器”,作为一个程序员,一个好的IDE可以起到事半功倍的效果。2020 JVM 生态报告显示 Intellij IDEA 已经成为Jav...

    码农神说
  • 低代码快速开发平台将是未来软件开发的主流模式

    如果软件开发一直处于手工阶段,大家都从零开始开发,岂不是浪费?低代码开发的主要想法,就是将软件的技术门槛降下来,同时将大家重复的工作消除掉,提高开发效率。代码快...

    moer12
  • php基础教程 第五步 逻辑控制

    在开发项目时,竟然会出现逻辑控制。例如当用户输入“hello”时你需要自动回复“hello 欢迎”,当用户设置的定时时间到达时,你需要提醒用户时间已经结束;再举...

    公众号 碧油鸡
  • 我要偷偷的学Python,然后惊呆所有人(第一天)

    本系列文默认各位有一定的C或C++基础,因为我是学了点C++的皮毛之后入手的Python,这里也要感谢齐锋学长送来的支持。 本系列文默认各位会百度,会用在线编...

    看、未来
  • 江哥带你玩转C语言 | 07 - C语言流程控制

    极客江南

扫码关注云+社区

领取腾讯云代金券