微信小程序开发规范文档-JavaScript语言规范

前奏

约定JavaScript使用ES6标准开发

wxs(WeiXin Script)和JavaScript是不同的语言，有自己的语法，wxs请参考wxs文档，这里的规范仅针对js。

关键字

任何时候，避免使用语言保留关键字命名。

变量声明

使用let代替var声明变量，

let loadding = -1;
loadding = 0;

使用const声明常量，常量名要求大写，多个词之间以下划线_连接。

const { HOST, GET_URL } = require("../../utils/api.js");

js允许一个声明可以有多个变量。我们约定，一个声明只有一个变量。

• 推荐写法
  let a = 0;
  let b = 1;
  let c = 2;
• 不推荐写法
  let a = 0, b = 1, c = 2;

字符串

字符串统一使用单引号''，不使用双引号""

let title = '中国火星探测器气动设计已完成 正进行试验验证';

字符串需要换行或由代码生成的字符串时使用模板字符串 ``

• 推荐写法
  // 字符串换行
  let content = 据了解，我国火星探测任务力争一次实现环绕、 着陆和巡视三大目标。其中，着陆器的着陆过程涉及到多项空 气动力学难题。;

  // 代码拼接生成字符串
  let editor = '付毅飞';
  let text = `责任编辑${editor}`; 
  

• 不推荐写法
  // 字符串换行,使用
  let content = '据了解，我国火星探测任务力争一次实现环绕、 着陆和巡视三大目标。其中，着陆器的着陆过程涉及到多项空 气动力学难题。';

  // 代码拼接生成字符串
  let editor = '付毅飞';
  let text = '责任编辑' + editor; 
  

函数

使用箭头函数。箭头函数不仅简洁，还可以保留this指向

[1,2,3].map((item, index) => {
  let res = item + index;
  return res + 1;
});

函数只有一个参数时，参数的()省略:

let show = a => {
    alert(a*2);
}

函数体只有一个return语句时，函数体的{}省略：

let show = (a,b) => a+b;

数组

使用字面量创建数组

let arr = [];

使用新方法forEach，map，filter，reduce处理数组数据，代码书写更简洁

• 推荐写法
  // 取出数组里的偶数
  let arr = [1,2,3,4,5,6,7,8];
  let result = arr.filter(item=>item%2===0)
  // 输出：[2, 4, 6, 8]
• 不推荐写法
  // 取出数组里的偶数
  let arr = [1,2,3,4,5,6,7,8];
  let result = [];
  for(let i=0; i<arr.length; i++) {
  let item = arr[i];
  if(item%2===0) {
  result.push(item)
  }
  }
  // 输出：[2, 4, 6, 8]
  使用解构赋值和扩展运算符...简化代码

对象

使用字面量值创建函数

let obj = {};

属性简写，属性名跟值的变量（key和value）一样时，只写属性名

• 推荐写法
  let a = 5;
  let obj = {
  a,
  b: 12
  }
• 不推荐写法
  let a = 5;
  let obj = {
  a：a
  b: 12
  }
  方法简写，不写function和:
• 推荐写法
  let obj = {
  a:13,
  show(){
  console.log(this.a);
  }
  }
• 不推荐写法
  let obj = {
  a: 13,
  show: function(){
  console.log(this.a);
  }
  }

this

用到this转换的地方，统一使用that

let that = this;