Taro规范

本文详细介绍了在Taro框架中书写JavaScript和JSX的规范,包括基本书写、变量定义、基本类型、对象与数组、函数、类定义、逻辑与循环等方面。遵循这些规范能确保代码质量并避免常见错误,例如使用两个空格缩进,避免连续多行空行,正确处理对象和数组,以及避免在组件中直接操作JSX数组等。
摘要由CSDN通过智能技术生成

在 Taro 中书写 JavaScript 、JSX需要遵循taro自己的书写规范。本文主要是记录一下Taro的js书写规范中,我的书写习惯可能比较容易犯的一些错误点。完整的书写规范请参照Taro的官方文档。

一、JavaScript书写规范

基本书写

1、使用两个空格进行缩进
不要混合使用空格与制表符作为缩进

function hello (name) {
   
  console.log('hi', name)   // ✓ 正确
    console.log('hello', name)   // ✗ 错误
}

2、除了缩进,不要使用多个空格

const id =    1234    // ✗ 错误
const id = 1234       // ✓ 正确

3、字符串统一使用单引号

console.log('hello there')
// 如果遇到需要转义的情况,请按如下三种写法书写
const x = 'hello "world"'
const y = 'hello \'world\''
const z = `hello 'world'`

4、代码块中避免多余留白

if (user) {
   
                            // ✗ 错误
  const name = getName()
 
}

if (user) {
   
  const name = getName()    // ✓ 正确
}

5、关键字后面加空格

if (condition) {
    ... }   // ✓ 正确
if(condition) {
    ... }    // ✗ 错误

6、函数声明时括号与函数名间加空格

function name (arg) {
    ... }   // ✓ 正确
function name(arg) {
    ... }    // ✗ 错误

run(function () {
    ... })      // ✓ 正确
run(function() {
    ... })       // ✗ 错误

7、代码块首尾留空格

if (admin){
   ...}     // ✗ 错误
if (admin) {
   ...}    // ✓ 正确

8、圆括号间不留空格

getName( name )     // ✗ 错误
getName(name
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值