源码时代前端干货分享| JavaScript编程优化，超强入门必备技能！

雨点打透心脏的1/2处 2024-04-18 12:34 63阅读 0赞

**一、按强类型风格定义变量**

大家要知道js是一种弱类型语言，定义变量的时候不要太随意，大多数初学者定义变量时，只是声明变量而没有赋值，这样就显得太随意了

声明变量的时候，一定要指明变量的类型，告诉解析器，你要声明变量的类型，不要让他去猜

*//2. 定义变量*

let odd, *//奇数个数*

even, *//偶数个数*

sum,*//总和*

avg*//平均值*

上面这种就是不友好的代码，应该改为

*//2. 定义变量*

let odd = 0, *//奇数个数*

even = 0, *//偶数个数*

sum = 0,*//总和*

avg = 0*//平均值*

这样指明类型，方便其他人阅读，知道该变量保存什么类型的值

注意：

1.  也不要随意修改变量的类型，比如上面明明是保存一个数字，下面又保存一个对象，这就让人感觉到很困惑，不知道该保存什么值===这种做法不提倡
2.  函数返回值也应该确定类型

function getPrice(count) \{

if (count < 0) return "";

else return count \* 100;

\}

上面函数就没有确定类型，一会字符串，一会数字，都不知道结果该不该参与其他功能运算

function getPrice(count) \{

if (count < 0) return -1;

else return count \* 100;

\}

小于0，返回-1，这种就把两个返回值的类型统一化

**二、避免使用==**

1.  编码习惯不同，大多数人喜欢使用== 而不是===,因为==写起来比较简单点，少了一个=，但是在使用==在JSLint检查的时候是不通过的

if(a == b)\{\}

在JSLint下会输出：Expected ‘===’ and instead saw ‘==’，所以最好使用===

1.  使用==还有可能会出现一些不好的现象，对后期代码有一定影响

null == undefined            *//true*

'' == '0'                    *//false*

0 == ''                      *//true*

0 == '0'                    *//true*

'' == 0                     *//true*

new String("abc") == "abc"*//true*

new Boolean(true) == true *//true*

true == 1 *//true*

以上用===出现的结果都为false，这样才比较合理

**三、合并表达式**

如果用1句代码就可以实现5句代码的功能，那往往1句代码的执行效率会比较高，并且可读性可能会更好

1.  用三元运算替换if-else

if(a>10)\{

return 1

\}else\{

return 0

\}

改写：

return a>10 ? 1 : 0

1.  使用连等( 从右向左运算 )

let sum = count = odd = even = 0;

1.  自增 ( 利用自增也可以简化代码 )

console.log( ++a );

平常些代码都必须要注意这些，下一节继续讲解ES6编程规范

（本文由源码时代技术老师撰写，转载请注明出处）

发表评论取消回复

表情：

评论列表（有 0 条评论，63人围观）

还没有评论，来说两句吧...

相关阅读

相关源码时代UI干货分享|创意剪纸风格海报设计，逆袭设计大神的必备技能

. 新建文件800\*1000 分辨率设置ppi，并填充背景\021306 ...

短命女/ 2024年04月18日 20:47/ 0 赞/ 66 阅读

相关源码时代前端干货分享| JavaScript编程优化，超强入门必备技能！

*一、按强类型风格定义变量** 大家要知道js是一种弱类型语言，定义变量的时候不要太随意，大多数初学者定义变量时，只是声明变量而没有赋值，这样就显得太随意了声明变量...

雨点打透心脏的1/2处/ 2024年04月18日 12:34/ 0 赞/ 64 阅读

相关源码时代PHP干货分享| Linux系统安装 memcached，菜鸟逆袭必备教程！

**Linux系统安装 memcached** **1.首先要先安装libevent库。** yum install libevent libevent-dev...

傷城~/ 2024年04月18日 12:12/ 0 赞/ 60 阅读

相关源码时代前端干货分享| Axios的请求与响应拦截步骤详解

**一、使用场景** Axios作为React，Vue，Angular最常使用的HTTP请求库，承担了大部分请求的发送和接收。在项目中，开发者经常会遇到两种情景 ...

我不是女神ヾ/ 2024年04月17日 19:11/ 0 赞/ 53 阅读

相关源码时代前端干货分享| React中Context API的应用，菜鸟逆袭必备！！

React Context API 要理解react中的context，首先要讲一下react组件之间的通信（组件之间的数据传递）在父子组件中，如果父组件要传递数据

末蓝、/ 2023年08月17日 16:21/ 0 赞/ 101 阅读

相关源码时代Java干货分享|Jvm优化指南

Jvm简介 JVM是Java Virtual Machine（Java虚拟机）的缩写，JVM是一种用于计算设备的规范，它是一个虚构出来的计算机，是通过在实际的计算机上仿真

ゝ一世哀愁。/ 2023年06月30日 06:45/ 0 赞/ 105 阅读

相关源码时代前端干货分享|Nuxt开发使用文档

一、Nuxt概述 Nuxt官方理解是Vue的通用框架，它的作用主要是用来作SSR（服务器端渲染）。而Vue是开发SPA（单页应用）的js框架。Nuxt采用Vue开发多页

╰+哭是因爲堅強的太久メ/ 2023年06月15日 15:24/ 0 赞/ 106 阅读

相关源码时代前端干货分享|手把手教你制作ASCII码字化效果

小伙伴们是否已经让自己的球体和立方体动起来了吗? 这一节呢, 我将会带领大家制作一个很有意思的渲染效果。不知道大家有没有听过或者是看过《黑客帝国》这部电影，主要讲的是看

我会带着你远行/ 2023年06月13日 08:57/ 0 赞/ 19 阅读

相关源码时代干货分享|计算机概论和发展

因为操作系统跟硬件有相当程度的关联，所以不了解计算机概论对于学习操作系统有一定的难度，博主只陆陆续续花了一个月的时间学习了解，并写博客。希望总结的一些东西对一些计算机原理不是很

亦凉/ 2023年06月12日 05:27/ 0 赞/ 5 阅读

相关新手入门必备，史上最全源码时代软件测试基础知识分享！

软件测试在软件开发中占据了一半以上的工作量，岗位需求大，人才缺口也很大，在IT培训领域，软件测试入门不难，只要你愿意努力学，不论你是什么专业都可以进入软件测试行业。本文面向

ゞ浴缸里的玫瑰/ 2021年10月29日 14:20/ 0 赞/ 193 阅读