7 种 JavaScript 技巧使你更聪明

1.总是颠倒逻辑

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

if (x && y) { … } // bad
if (!(!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 objectconsole.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=3d=4,e=5,f=6;
}());
console.log(d,e,f); // 4,5,6

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

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

7.富有创新

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

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

原文地址:https://medium.com/cool-code-pal/a1286881aed7
注1:Nicholas Ortenzio 就是本文的作者,最后一句话的意思应该是:很少有人倒背字母表,如果你倒背了,你会显得比其他人聪明。

转载自腊八粥

文章转载自 开源中国社区 [http://www.oschina.net]

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/290125.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

设置访问权限_【新思考教学者思】李世松:不要对经典设置访问权限

不要对经典设置访问权限——《背影》备课札记文/李世松紫阳县举办课堂教学改革推进会,师训教研中心王主任电话通知我讲一节示范课。我知道,这既是对我的一种肯定,更是一次磨炼,因为我的师父邱俊老师会到现场点评课堂。自领受任务之…

C#使用Objects Comparer进行对象比较

介绍Objects Comparer是用于对象比较的工具,c#常见的数据结构都是可以用这个三方库进行对比,比较复杂的对象也是可以比较的。简而言之,Objects Comparer 是一个对象到对象的比较器,它允许逐个成员递归得比较对象,并为某…

ora22813操作数值超出系统的限制_最新:华为“鸿蒙”操作系统终于面世!一旦遭到限制,将随时启用...

受美国的要求,自5月开始,安卓暂停了与华为的部分合作,而这直接影响到了华为对安卓系统的正常更新。迫于无奈之下,华为对外表示,已经准备了备用系统,但只在必要的情况下使用,而这一系统就是广为人…

Blazor University (2)布局 — 创建 Blazor 布局

原文链接:https://blazor-university.com/layouts/布局Blazor 布局类似于 ASP Webforms 母版页的概念,与 ASP MVC 中的 Razor 布局相同。几乎网络上的每个网站都有一个模板用于整个网站(页面顶部的品牌,底部的版权)或网…

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序 一、plist文件和项目结构图 说明:这是一个嵌套模型的示例 二、代码示例: YYcarsgroup.h文件代码: 1 //2 // YYcarsgroup.h3 // 07-汽车展示(高级)4 //5 //…

awb数据怎么计算_白平衡自己主动(AWB)算法---2,颜色计算

本文说明了白平衡算法估计当前场景的色温过程.色温计算的原理并不复杂,但要做到,还是一道,认真做好每一步,这需要大量的测试,和算法一直完好.关于该过程首先简要:1, 取的图像数据,并划分MxN块,如果是25x25,并统计每一块的基本信息(,白色像素的数量及R/G/B通道的分量…

svn强制要求提交注释

2019独角兽企业重金招聘Python工程师标准>>> 看了N多资料,不知道为什么我总是不成功。现在终于测试成功了,下面是实际操作过程~~ 使用bitnami一键安装了subversion,在使用中,希望开发人员提交时必须输入日志内容&#…

Xamarin效果第五篇之ScrollView动态滚动效果

前面基于Xamarin做了一点效果;这不过年从老家回来一直成沉迷工作无法自拔,没时间来更新文章了;今天赶紧抽点时间再来更新一下效果;直接看看最终实现的效果:前台RadioButton的事件绑定选中状态绑定:后台对ScrollView的滚动处理:ScrollView的滚动对当前选中状态的修改&#xff1a…

9 个使用前必须再三小心的 Linux 命令

Linux shell/terminal 命令非常强大即使一个简单的命令就可能导致文件夹、文件或者路径文件夹等被删除。 在一些情况下Linux 甚至不会询问你而直接执行命令导致你丢失各种数据信息。 一般来说在 Web 上推荐新的 Linux 用户执行这些命令当然也有人哪些写过这代码的人不这么想因为…

池化层在全连接层之间吗,了解最大池化层之后的全连接层的尺寸

In the diagram (architecture) below, how was the (fully-connected) dense layer of 4096 units derived from last max-pool layer (on the right) of dimensions 256x13x13? Instead of 4096, shouldnt it be 256*13*1343264 ?解决方案If Im correct, youre asking why …

Blazor University (3)组件 — 创建组件

原文链接:https://blazor-university.com/components组件所有呈现的 Blazor 视图都来自 ComponentBase 类,这包括布局、页面和组件。Blazor 页面本质上是一个带有 page 指令的组件,该指令指定浏览器必须导航到的 URL 才能呈现它。事实上&…

Codeigniter中创建LeanCloud云函数实现微信支付

2019独角兽企业重金招聘Python工程师标准>>> 经过摸索,与官方提供的slim无异,同样使用__invoke魔法函数即可,步骤如下: 1.config.php打开hook,即设置$config[enable_hooks] TRUE; 详情文档参见&#xff1a…

用蒙特卡洛方法计算派-python和R语言

用蒙特卡洛方法算pi-基于python和R语言 最近follow了MOOC上一门python课,开始学Python。同时,买来了概率论与数理统计,准备自学一下统计。(因为被鄙视过不是统计专业却想搞数据分析) 有趣的是书里面有一块讲…

51单片机智能小车循迹完整程序_电气与信息工程学院双创协会开展循迹小车培训...

为培养青年学子创新意识和创新能力,激发勇于创新的主动性和积极性,营造良好科技创新氛围,10月29日至30日,电气与信息工程学院双创协会于一教609、三教102和三教202开展循迹小车培训,该培训由电子1841班游碧文和电子184…

AdonisUI - 用于 WPF 应用程序的轻量级 UI 工具包,提供经典但增强的 Windows 视觉效果...

介绍用于 WPF 应用程序的轻量级 UI 工具包,提供经典和增强的 Windows 视觉效果几乎所有 WPF 控件的默认样式和模板可根据需要使用的其他样式以方便使用两种配色方案(浅色和深色)也可用于自定义样式支持在运行时更改配色方案支持其他自定义配色…

Internet概念与TCP/ IP分层模型

Internet是世界上规模最大、用户最多、影响最大的计算机互联网络。本模块介绍Internet的概念及TCP/ IP分层模型。 一、Internet的概念 Internet的概念(也可认为是Internet的结构)可以从以下几个方面理解: 从网络通信的观点来看,In…

数据结构关键路径_数据结构与算法之关键路径_一点课堂(多岸学院)

关键路径梳理活动的顺序仅仅是拓扑排序可以完成的功能之一,更有价值的是估量完成整个事件的最短时间。比如生产一辆汽车,虽然安排员工、准备原始材料是先行条件,但是组装各种零部件是可以同时进行的,例如制造轮子和发动机、外壳等…

ARP-Address Resolution Protocol-地址解析协议

主要内容摘自:图解TCP/IP ARP是一种解决地址问题的协议。以目标IP地址为线索,用来定位下一个应该接受数据分包的网络设备的mac地址。 如果目标主机不在同一个链路上时,可以通过ARP查找下一跳路由器的MAC地址。 不过ARP只适用于IPv4&#xff0…

WPF 实现音频播放动画控件

WPF开发者QQ群此群已满340500857 &#xff0c;请加新群458041663由于微信群人数太多入群请添加小编微信号yanjinhuawechat 或 W_Feng_aiQ 邀请入群需备注WPF开发者 01—代码如下一、创建AnimationAudio.xaml代码如下。<ResourceDictionary xmlns"http://schemas.micros…

#51CTO学院四周年# 还好没放弃,终于等到你~

作为一个小白&#xff0c;恩&#xff0c;白的不能再白的样子~游走于大佬身旁~每每看见大佬功成名就的样子~我就只能画饼充饥~望梅止渴~还好没放弃~在这里发现了小白变大佬的隧道~这里的人呐~都非常友善~这里的知识啊~性价比都超高~如果有来生&#xff0c;我希望早点遇见你~我们…