javascript写字技巧_【iGeek手册】如何书写更加简洁的javascript代码?
书写Javascript代码过程中, 我们往往会使用过于复杂的代码和语法,在这篇文章里, 我们收集了10个快速书写javascript代码的例子, 希望对大家有帮助!
大数字书写技巧
如果你书写比较大的数字的话, 往往需要定义很多0,例如, 1000000, 但是在javascript中,你可以使用e来代表0, 下面是一个实际对比例子:
冗余版本代码:
var sum = 1000000;
精简版本代码:
var sum = 1e6
如果你定义3800000,你可以使用这重快捷的书写方式 38e5
数字递增和递减
这个技巧,大家应该用的相对比较多了, 经常用在了for循环中,如下:
冗余版本代码:
i=i+1;
j=j-1;
精简版本代码:
i++
j--
加减乘除
相关基础的算法符号都有类似的缩写代码可以快速帮助我们完成代码,如下:
冗余版本代码:
i=i+5;
j=j-3;
k=k*10;
l=l/3;
精简版本代码:
i+=5;
j-=3;
k*=10;
l/=3;
判断字符位置
在字符处理中,经常使用charAt来定位自负,但是我们往往可以使用更加简洁的方式来定位字符位置,如下:
冗余版本代码:
myString.charAt(14);
精简版本代码:
myString[14];
定义变量
这个大家应该使用的比较多了, 如下:
冗余版本代码:
var i;
var j=15;
var k="Good Geek";
var l;
var bb=true;
精简版本代码:
var i, j=15, k="Good Geek", l, bb=true;
定义关系型数据
除了简单数组外, javascript常用的还有关联型数组可以更加简洁的书写,如下:
冗余版本代码:
var myArray = new Array();
myArray["Grace Kelly"] = "Philadelphia";
myArray["Clint Eastwood"] = "San Francisco";
myArray["Humphrey Bogart"] = "New York City";
myArray["Sophia Loren"] = "Rome";
myArray["Ingrid Bergman"] = "Stockholm";
精简版本代码:
var myArray = {
"Grace Kelly": "Philadelphia",
"Clint Eastwood": "San Francisco",
"Humphrey Bogart": "New York City",
"Sophia Loren": "Rome",
"Ingrid Bergman": "Stockholm"
}
定义对象
定义对象的过程,也可以使用更加简单的版本,如下:
冗余版本代码:
var myObj = new Object();
myObj.name = "Sean Connery";
myObj.placeOfBirth = "Edinburgh";
myObj.age = 86;
myObj.wasJamesBond = true;
精简版本代码:
var myObj = { name: "Sean Connery", placeOfBirth: "Edinburgh",
age: 86, wasJamesBond: true };
使用条件符号
如果你使用if else的语法,可能也可以用更加简单的书写方式,如下:
冗余版本代码:
var message = '';
if(age>=18){
message = "Allowed";
}else{
message = "Denied";
}
精简版本代码:
var message = age >= 18 ? "Allowed" : "Denied";
判断变量是否存在
判断一个变量是否存在,也可以使用更加简单的方式来书写:
冗余版本代码:
var myVar = 55;
if( typeof myVar !== "undefined" && myVar !== "" && myVar !== null
&& myVar !== 0 && myVar !== false ) {
console.log("The myVar variable is defined AND it's not empty
AND not null AND not false.");
}
精简版本代码:
var myVar = 55;
if( myVar ) {
console.log("The myVar variable is defined AND it's not empty
AND not null AND not false.");
}
判断变量是否赋值
冗余版本代码:
var myVar;
if( typeof myVar === "undefined" || myVar === "" || myVar === null
|| myVar === 0 || myVar === false ) {
console.warn("The myVar variable is undefined (OR) empty (OR)
null (OR) false.");
}
精简版本代码:
var myVar;
if( !myVar ) {
console.warn("The myVar variable is undefined (OR) empty (OR)
null (OR) false.");
}
以上就是javascript经常用到的一些快捷书写代码,希望对大家有帮助哈~
javascript写字技巧_【iGeek手册】如何书写更加简洁的javascript代码?相关推荐
- javascript写字技巧_如何优雅地书写JavaScript
这篇文章包含了几乎所有关于提高代码质量的内容,尤其是在构建大型应用程序时. 主要包括四个部分: 基本原则 保持整洁 保持扩展性 抽象化 本主题仅涉及原生js,关于框架(比如react和vue)的内容会 ...
- javascript写字技巧_网站建设对JavaScript书写如何更加规范化
<网站建设对JavaScript书写如何更加规范化>由[张国维博客]于2017年10月23日整理发布! 网站建设注重与html分离, 减小reflow, 注重性能(function).库引 ...
- javascript写字技巧_怎样扎实自己的 JavaScript 基础?
从扎实的角度来讲,首先就是要理解原理,而不是止步于工具.方法.api.更不能只以某框架为学习目标. 对于JavaScript来讲,第一要理解它的基于对象:第二要理解在js里一切都是对象:第三要理解按值 ...
- javascript写字技巧_JavaScript 如何书写更优雅
平时在写代码逻辑时,有些代码会很长,如何更简洁的书写,让我们的代码更优雅: 1.三目运算 当想写 if...else 语句时,使用三目运算来代替. var age = 20; var tip; if( ...
- javascript写字技巧_javascript 的一些书写建议
1.变量缓存 //说明:例如Dom的缓存,document.getElementById('ID') 等方法查找dom是从 document开始往body下面查找 dom 节点 , 变量缓存了就不用再 ...
- javascript写字技巧_How JavaScript Work 学习笔记(一)
JavaScript 引擎 Chrome 的 V8 引擎包括两个主要组件: 动态内存管理 -- 用于分配内存 调用栈 -- 执行 JavaScript 代码的堆栈结构 JavaScript 引擎结构 ...
- javascript写字技巧_js canvas实现写字动画效果
本文实例为大家分享了js canvas实现写字动画效果展示的具体代码,供大家参考,具体内容如下 页面html: 学写一个字 content=" height = device-height, ...
- python基础代码技巧_写Python必须知道的这几个代码技巧!你会吗?
Python是入门容易精通难,大家平时要养成记录的习惯,好的代码要记录下来,学会总结,经常翻一翻会有收获!今天我来分享一些我自己记录的代码结构,欢迎拍砖! 01. 简洁的表达式 点评:Python因为 ...
- javascript 保存原函数_前端工程师必须掌握的几个JavaScript设计模式及场景应用
作者 | 考拉海购前端团队链接 | https://juejin.im/post/59df4f74f265da430f311909设计模式的定义:在面向对象软件设计过程中针对特定问题的简洁而优雅的解决 ...
最新文章
- LeetCode 829. Consecutive Numbers Sum--笔试题--C++解法
- 5g局域网传输速度_这个路由太牛了吧?,三步搭建局域网,接上U盘就是NAS
- Spring松耦合的个人理解和代码实例
- 4.3.2 基于集合的操作
- HDU1999不可摸数-暴力打表
- 计算机硬件专业知识西瓜视频,2019年中电脑硬件榜单,空调西瓜+电脑助你当个快乐肥宅...
- AI软件制作莫比乌斯环
- 麦克纳姆轮全向移动机器人运动模型及应用分析
- 开课吧Java教程什么是类集接口
- 安装.NET Framework 4,一直停留在正在安装 .NET Framework 4 Client Profile
- USB 协议整理 七:STM32F103之USB概述
- 【Docker】Registry搭建私有仓库、证书认证、用户登录认证
- css nth-child_比较CSS伪类:nth-​​child与nth-of-type
- NVT | NVT 67X IQ移植
- Android_基于g-sensor的坐下动作的的识别
- OpenGL进阶之SSAO屏幕空间环境光遮蔽
- 基于OV7725的STM32图像监控系统设计1-硬件原理图设计
- 洛卡纳哈服务器维护后刷新时间,猎人 洛卡纳哈在哪抓 洛卡纳哈刷新时间
- SOFA Registry的简单安装
- 错误There are no TAP-Windows adapters on this system. You should be able to create a TAP