JavaScript全讲-实战技巧

本篇我们来聊聊JavaScript在实际开发中的一些技巧!


JavaScript由于其语法的随意性,形成了其语言独有的Hackers,许多的Hacker不仅使用起来简洁有力,更会让你的代码看起来逼格高升。


1. === (三等号判断符)

这个符号前端人员都应该知道。三等号首先判断数据类型是否匹配,再判断值是否相等。我们来查看一下伪代码:


双等号,多了一次数据转化的过程,而且其转化的逻辑,是根据不同的数据类型做特定转化的,这就增加了软件出现Bug的几率,所以如无特别情况,请尽量不要使用双等号


2. 条件判断

再也不要使用诸如类似的代码,这会让你显得很Low逼。

在JavaScript中,null,undefined,0,空字符串,在条件判断中都为false,所以直接进行判断即可


不用符号,直接判断


3.三目运算

三目运算(? : )在任何语言中都是不推荐使用的,因为代码可读性不高。而在JavaScript中,由于上面的特性(null,undefined,0,空字符串都为false),我们可以使用另外一种三目,看起来优雅而简洁。


这里解释一下,在或(||)条件判断下,如果前面条件为false,则会继续判断后面条件;如果前面条件为true,则会忽略后面条件。

情景代入这里的伪代码, 如果student为null(null为false),则直接返回后面的{} ;如果student不为null,则会忽略后面代码,直接返回。


4. 使用闭包

多数前端程序员还停留在原始的阶段,直接创建一个JS文件开始写代码,这会暴露很多全局变量(全部变量在整个程序运行期间,内存不会销毁),这是不可忍受的!开始使用闭包吧,它会让你的程序变得非常优雅。


5. 不要忘记Var

在JavaScript中,我们定义变量都是这样的:

var name= 'Aric.chen';

有时候,我们忘记了var,直接使用 name = 'Aric.chen'也是可以的。那么使用和不使用有什么区别吗?

如果不使用var,则直接创建全局变量,这是很多程序员所不知道的!


6. 使用extend,抛弃prototype

很多人在写JavaScript代码时,已经懂得了JavaScript类的概念,所以代码都是这样的:


这种代码看起来挺有类的概念,但其实很臃肿!学着使用jQuery的extend吧(underscore中也有)


你或许会觉得代码没有少几行!! 可是实际情况是,一个类中,从来都是五个以上的方法,并且!!!不觉得下面的代码颜值高很多?


7. !! 双感叹号的使用

我们经常在一些知名类库看到var check = !!value(); 这样的代码,编程语言中,大家都知道双重否定等于肯定,而在JavaScript中,任何变量经过双重否定后,都会转化为【boolean】类型。这样更有利用我们进行逻辑验证。


8. 了解use strict

现在多数的类库都会主动加上这段代码,它并不是注释,而是告知JavaScript使用严格模式来进行编译!

如果加上严格模式,定义变量忘记加上var可以会报error的!
严格模式是为了控制JavaScript向更严谨和结构化发展,多数时候还影响我们正常写代码,所以建议了解即可。


9. 开始使用Underscore,lodash

如果你要经常写JavaScript代码,还没有引入underscore或者lodash,那你真真是落伍了!!!赶紧去看看这两个类库的API吧,它真的可以Double你的效率!

你要问我它们有多好用,我可以形象的告诉你:Java8为之自豪的lambda表达式,方法名称和使用方法都和underscore中的一模一样! 所以你学会了如何使用underscore,也就学会了lambda表达式。


其实JavaScript还有相当多的技巧,由于篇幅所限,只能挑简单易用的来讲。多数JavaScript类库都是开源的,建议大家多阅读一些类库的源代码,感受一下他们的代码,相信其简洁优雅会鞭策我们不断前行!

猜你喜欢

转载自blog.csdn.net/qq_33834489/article/details/79738142
今日推荐