js_如何优化你的代码让它更好看

Posted 皮皮是只公喵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js_如何优化你的代码让它更好看相关的知识,希望对你有一定的参考价值。

1.对于美的东西我们很难拒绝,比如美女。哈哈哈,程序员的梗。

2.所以我希望我写出来的代码也是很美观的,让人看起来会很舒服。

3.要想让你的代码简约美观,就要涉及封装,模块化了,可复用代码。vue可以参考,但今天我不讨论vue,就从一些原生讨论一下优化的。

今后如果更加深入前端这块,我会更新后面学到的应用,我必会让我的代码更逻辑,更美观。

 

技术段:

在评审需求的时候,产品的需求会有各种各样的判断,这样的情况这样做,否则那样做。这是最常见的不过了。刚入门前端的同学可能会用到if(){}else{},

这是最常用到,当写多了,会发现代码会很乱。如果只有两个分支的判断,推荐使用三目运算做判断,直观!还好看。

1 var judge = 1;
2 judege == 1 ? console.log(1) : console.log(0);

上面是一个简单的三目判断,结果是在控制台打印1.

如果只有一个判断的时候,可以用if(){},之前看了一个php的经典写法,直接把大括号给去掉,管它黑猫白猫,捉到老鼠的就是好猫。

管你怎么写,浏览器能运行就可以了。

1 var judge = 1;
2 if(judge == 1) console.log(1);

如果有很多判断的时候,会有很多分支的时候,推荐使用switch做判断。

这样做判断会让你的代码非常的好看。

<script type="text/javascript">
    var day = new Date().getDay();
    switch(day) {
        case 0:
            x = "Today it‘s Sunday";
            break;
        case 1:
            x = "Today it‘s Monday";
            break;
        case 2:
            x = "Today it‘s Tuesday";
            break;
        case 3:
            x = "Today it‘s Wednesday";
            break;
        case 4:
            x = "Today it‘s Thursday";
            break;
        case 5:
            x = "Today it‘s Friday";
            break;
        case 6:
            x = "Today it‘s Saturday";
            break;
    };
    console.log(x);
</script>

 

2018年1月3日21点13分,星期三,在深圳。想去你住的城市看大雪纷飞的样子。

 

以上是关于js_如何优化你的代码让它更好看的主要内容,如果未能解决你的问题,请参考以下文章

如何让 VC 编译器使用 SIMD 更好地优化我的代码?

这段JS代码如何让它只执行一次就停止

教你一招:让你的json文件更好看

js 常用代码片段

webpack2 终极优化

理论|webpack2 终极优化