博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
7 种 JavaScript 技巧使你更聪明
阅读量:5951 次
发布时间:2019-06-19

本文共 1772 字,大约阅读时间需要 5 分钟。

1.总是颠倒逻辑

让我们从一个小优化开始,目的是为了使得非常简单的操作看起来复杂些。

if (x && y) { … } // badif (!(!x || !y)) { … } // good

2.在你的变量名字里使用扩展的unicode字符

编译好的软件一旦发布成产品,它必须是一个黑盒。这对JavaScript来说是不可能的。如果有人想彻底搞懂你的JavaScript代码,他们仅仅需要打开浏览器控制台、加一些断点就能看到对象的状态。

对象属性的名称,改用非规则字符串,来阻碍他们的进展。

var foo = function (person) {  // stuff happens     // perhaps a breakpoint is added here   // or they attempt to log the object  console.log(person); } var person = {}; person[‘\t’] = ‘Nicholas’; person[‘\b’] = ‘Male’; person[‘\r’] = ‘Programmer’; person[‘\f’] = ‘Lover’;

当你试图去查看变量时,会看到如下情景:

screenshot

当你试着在控制台输出log时,会看到:

screenshot

用同样的技巧把Zalgo文本合并到你的代码

screenshot

3.补习你的三角学

在我从大学退学以前,老师常常说数学和编程是多么地紧密相关。根据经验,我发现不是这回事儿。事实上,我开始觉得,老师是为了骗学生来上课。好吧,是时候好好利用学生欠下的严重债务了。

不要用

if (!val) { … }

而要用

Math.floor(.5 + ((Math.cos(val)*.5)))

仅当val是2pi的整数倍时,它才会返回true。你甚至不需担心val不是一个数字。真没有关系。实际上,也不再有关系了。

4.利用JavaScript的仁慈

有多少次你在一个if语句该用等号操作符的时候而意外地使用了赋值操作符?这是非常恼人的,因为它不会报错、仅仅把程序带到不可意料的境地。

function foo (x) {  if (x=true) {    // no matter what value is     // passed in for x, this    // will always execute  }}foo(false);

看你代码的人看到这里,会想当然地认为这是你代码的错误。但是,我们没有错误,因此这个人就会受到惩罚。“修复”它将带来不希望的后果。

5.不用十进制

用八进制初始化一个数字很容易被误认为是十进制;仅仅在第一个数字使用‘0’。

var i = 27 // 27

var j = 027 // 23
你的同事或许责怪你正犯下不可饶恕的错误,但是你要坚持八进制更快,因为所有的位本来就是以8为一组的。

6.空白不是毛病;除了它有用的情况

每个人都知道JavaScript里的空白和分号不过是多余的,是吗?错!不要这样想当然。

(function () {   var a=1,      b=2,      c=3      d=4,      e=5,      f=6;}());console.log(d,e,f); // 4,5,6

上面的例子,我们“少”了一个逗号。如果代码都在一行,我们不会犯错。但是既然不在一行,编译器将在 c=3 之后附加一个分号。这导致d,e,f声明为全局变量。现在可以随时使用这些变量了,包括分离的文件。

再一次,如果有人注意到这种情况,并试着修改,这将潜在地破坏了所有不相关的代码部分,而不是规范代码,他们很可能只有回退修改了,足以证明你更聪明。

7.富有创新

编程就是创新,创新就是模仿别人。不要害怕偷代码和想法,或者责备其他人偷你的。比如,你知道jQuery是完全模仿Prototype的吗?是的。

Nicholas Ortenzio【注1】在练习倒背字母表,以防万一。

原文地址:

注1:Nicholas Ortenzio 就是本文的作者,最后一句话的意思应该是:很少有人倒背字母表,如果你倒背了,你会显得比其他人聪明。

转载自腊八粥

文章转载自 开源中国社区 [

你可能感兴趣的文章
HBase 笔记3
查看>>
2017.11.23 display fun --STM8
查看>>
深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器
查看>>
一个关于log4j的悲伤的故事
查看>>
PCA
查看>>
ajax上传文件
查看>>
java中通过绝对路径将图片存入数据库
查看>>
简要记录浮点型数据的二进制存储格式
查看>>
ConcurrentHashMap(Java8)源码分析
查看>>
Python文件处理之文件指针(四)
查看>>
Numpy用法详解
查看>>
DataGridView在vb.net中的操作技巧
查看>>
PMP考试冲刺进行中。。。
查看>>
大换血的代价
查看>>
Learn in FCC(3)
查看>>
RunLoop--
查看>>
chrome 2行换行省略号 ... text-ellipse
查看>>
C语言第四次作业
查看>>
Java学习-集合的理解
查看>>
iOS验证码倒计时(GCD实现)
查看>>