使用Js技巧有哪些-创新互联

本篇内容主要讲解“使用Js技巧有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“使用Js技巧有哪些”吧!

探讨Js奇技淫巧的起源

两年前。我还没有毕业，在大学的最后一个学期中选择了进入前端，同时，被吸引到前端阵营中一个不得不说的原因就是js的奇技淫巧，同时个人是一个比较猎奇的人，所以就学了很多关于js的奇技淫巧。

现在这些奇技淫巧要么变成了这门语言不可或缺的一部分，要么随着时间的推移而消失，还有一些在不知不觉中却忘记了，既然这次的文章是介绍这方面的知识，也就多介绍一下之前学习的一些例子。

Js奇技淫巧有什么

~运算符+indexOf

在es6includes尚未推行之前，我们判断判断字符串或者数组包含只能使用indexOf这个方法，但是indexOf返回的确实元素的索引，如果不存在则返回-1。因为在之前写c语言的时候，我们往往使用0代表成功，123代表着不同的错误。因为0是独一无二的。在类c的语言中是具有truthyfalsy这个概念。并不指代bool的true与false。

下表代表了js的truthy以及falsy。

变量类型 falsy truthy

布尔 false true

字符串 "" 非空字符串

数值 0NaN 任何不为falsy的数值

null 是 否

undefined 是 否

对象(数组),{}以及[] 否 是

对于数值而言,我们知道0对于数值是的，而-1不是。那么我们可以通过~运算符来把-1变为0.

~-1

//0

~1

//-2

解释下

对每一个比特位执行非（NOT）操作。NOTa结果为a的反转（即反码）。

9(base10)=00000000000000000000000000001001(base2)

~9(base10)=11111111111111111111111111110110(base2)=-10(base10)

因为在计算机中第一位代表着符号位置。

同时简单理解。对任一数值x进行按位非操作的结果为-(x+1)。也就是说通过~可以把-1(且仅仅只是-1)变为falsy。

到此，相信大家对“使用Js技巧有哪些”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！