玩转低代码开发-javascirpt基础语法

Posted 2021-09-05 低代码布道师

我们前边用了一定的篇幅介绍了低代码中CSS的常用语法，本篇我们开始我们的第二篇教程javascript。虽然很多低码工具宣传是提效工具，但它有个前提，就是你会开发。如果脱离开这个前提，那大概率你只能使用工具生成一些简单的应用。什么是简单应用？简单应用通常就是普通的增删改查，只能起到信息的记录作用。

但现实生活中，我们既然要做一套软件，大概率是要满足协同管理的需求，一谈到管理就绕不开要按照老板的管理思路去做定制开发。个性化意味着必须要有一定的逻辑，这个逻辑通常就需要通过掌握编程语言来解决。

那低码开发需要掌握什么语言呢？市面上的语言种类繁多，如C、Java、Python等，不同的语言应用的场景不同各自的能力也不同。低码开发中需要掌握的是JavaScript，它作为一种脚本语言可以很好的处理页面的各种逻辑。学习语言的话需要从基础语法学起，就像我们学习汉语是从拼音开始，学习英语是从单词开始一样。

变量

变量是用来存储值的，低码中的变量的定义有两种方法，一种是可视化的定义，在低码的控制台定义

通过可视化定义的变量一般用来在组件上做数据绑定，另外一种是在低码的编辑器中定义


我们在低码编辑器中定义的变量一般是和数据库进行结合使用的，这个时候就需要掌握低码的API的使用方法。

我们先看一下变量定义的语法

let name ="张三”

我们变量定义的时候使用了关键字let，计算机看到这个关键字的时候就知道你需要创建一个变量，它在内存中给你开辟了一块空间。let 之后的名字叫变量名，我们通过使用这个名字就可以获取到变量里存储的值。=表示赋值的意思，通过赋值语句来给变量填充内容。“”一对儿双引号表示我右边赋值的是字符串，字符串的值为张三。

变量是有类型的，不同的类型可以接收不同的值，我们打开变量定义那可以看到具体的类型

分别是字符串(string)、数字(number）、布尔值(boolean)、数组(array)、对象(object)。具体使用哪种需要结合你当下的场景。

因为低码学习的人范围比较广，可能是幼儿园的园长、翡翠店的店长、健身房的老板。不管你来自什么行业，从你决定自己做一套软件，无论是内部管理也好，对外面向顾客也罢，计算机的这些基础知识是不可或缺的。无论平台宣传他的门槛有多么的低，那只是进入的门槛要自己做一点东西出来的时候它就会回归到它编程的本质上来。

注释

javascript支持注释，有多行注释和单行注释

/**
这是多行注释
**/

//这是单行注释

一般我们写低代码的时候，如果逻辑比较复杂，可以写一些注释，便于你理解这个低代码是要干什么用的。随着你接的项目越来越多，完善的注释有利于你的日常维护，因为我们当时可能知道，但是过一段时间你就很难回想起来当时为什么要这样写了。

运算符

低码中如果我们需要进行计算或者比较操作，就需要使用运算符。常见的运算符有算术运算符如+、-、*、/，对应我们数学中的加减乘除。还有一类是比较运算符，如比较两个变量是否相等==，做布尔运算的时候的取反运算符!

条件判断

我们最常使用的一种逻辑结构就是条件判断，比如我们根据一个变量的值来决定不同的执行逻辑

let age = 18
if(age>18){
  console.log("是成年人")
}else{
  console.log("是未成年人")
}

使用if关键字来告诉计算机我这段代码要进行分支判断，()圆括号里边的内容是进行判断的表达式，如果表达式计算的结果为真，那么就会执行{}大括号里边的代码，否则就执行else里边的代码。正是因为有了条件分支我们的代码才可以根据条件来执行不同的操作。

函数

我们在javascript中是通过function关键字来定义函数的，但是低码中稍有不同，他是在低码编辑器可视化的定义，要定义一个函数就需要在页面的handler里定义

函数的话有函数名，入参和返回值。函数名我们通过可视化的形式来进行创建，入参的话平台已经帮你创建好了，如：

/*
* 可通过 $page.handler.xxx 访问这里定义的方法
* 注意：该方法仅在所属的页面有效
* 如果需要 async-await，请修改成 export default async function() {}
*/

export default function({event, data}) {

}

其中{envent，data}就是函数的入参，只不过传入的是一个对象。返回值的话使用return关键字，可以返回一个变量

事件

js中有事件这个概念，不同的组件可以触发的事件类型不同，比如按钮组件就可以触发单击的事件，低码中的事件需要在组件中进行设置

我们需要响应什么类型的事件按照需要进行设置即可，比如我们比较常见的点击提交按钮需要往数据库里写入一条数据，就是选择的数据源的新增方法。

总结

我们这一篇用了一定的篇幅给小白做了一个技术扫盲，当然如果需要深入学习还是需要找一些javascript的书籍或者在线教程学习的。只有不断的打牢基础，你的低码开发才可以走的更远。