JS的优雅写法

如何让js更加优雅,如何提高代码的可读性、复用性、扩展性,可以从以下几点讨论。

  1. 变量

  2. 函数

  3. 异步

一、变量:

1、用有意义且常用的单词命名

// Bad:
const yyyymmdstr = moment().format('YYYY/MM/DD');
// Good:
const currentDate = moment().format('YYYY/MM/DD');

2、避免无意义的前缀

// Bad:
const car = {
    carMake: 'Honda',
    carModel: 'Accord'
};
function paintCar( car ) {
    car.carColor = 'Red';
}
// Good:
const car = {
    make: 'Honda',
    model: 'Accord'
};
function paintCar( car ) {
    car.color = 'Red';
}

3、传参使用默认值

// Bad:
function createMicrobrewery( name ) {
    const breweryName = name || 'Hipster Brew Co.';
    // ...
}
// Good:
function createMicrobrewery( name = 'Hipster Brew Co.' ) {
    // ...
}

5、避免 == 的使用

//(1)如果你确定了变量的类型,那么就没必要使用==了
//(2)如果类型不确定,那么应该手动做一下类型转换
var totalPage = "5";
if(parseInt(totalPage) === 1){

}

4、按强类型风格写代码

// (1)定义变量的时候要指明类型
var num = 0,
    str = '',
    obj = null;// 定义变量的时候就给他一个默认值,这样不仅方便了解释器,也方便了阅读代码的人,他会在心里有数——知道这些变量可能会当作什么用。

// (2)不
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值