JavaScript中最常用的10种代码简写技巧总结


Posted in Javascript onJune 28, 2017

前言

本文主要给大家整理了一份10个程序员常用的代码简写技术,看懂一种是入门,全懂就是大神,你能知道几个呢?下面话不多说了,来看看详细的介绍:

一、三元操作符

当想写if…else语句时,使用三元操作符来代替。

const x = 20;let answer;if (x > 10) {

简写:

const answer = x > 10 ? 'is greater' : 'is lesser';

也可以嵌套if语句:

const big = x > 10 ? " greater 10" : x

二、短路求值简写方式

当给一个变量分配另一个值时,想确定源始值不是null,undefined或空值。可以写撰写一个多重条件的if语句。

JavaScript中最常用的10种代码简写技巧总结

或者可以使用短路求值方法:

const variable2 = variable1 || 'new';

三、声明变量简写方法

let x;let y;let z = 3;

简写方法:

let x, y, z=3;

四、if存在条件简写方法

if (likeJavaScript === true)

简写:

if (likeJavaScript)

只有likeJavaScript是真值时,二者语句才相等

如果判断值不是真值,则可以这样:

let a;if ( a !== true ) {// do something...}

简写:

let a;if ( !a ) {// do something...}

五、JavaScript循环简写方法

for (let i = 0; i < allImgs.length; i++)

简写:

for (let index in allImgs)

也可以使用Array.forEach:

JavaScript中最常用的10种代码简写技巧总结

六、短路评价

给一个变量分配的值是通过判断其值是否为null或undefined,则可以:

let dbHost;if (process.env.DB_HOST) {

简写:

const dbHost = process.env.DB_HOST || 'localhost';

七、十进制指数

当需要写数字带有很多零时(如10000000),可以采用指数(1e7)来代替这个数字:

for (let i = 0; i < 10000; i++) {}

简写:

JavaScript中最常用的10种代码简写技巧总结

八、对象属性简写

如果属性名与key名相同,则可以采用ES6的方法:

const obj = { x:x, y:y };

简写:

const obj = { x, y };

九、箭头函数简写

传统函数编写方法很容易让人理解和编写,但是当嵌套在另一个函数中,则这些优势就荡然无存。

function sayHello(name) { console.log('Hello', name);

简写:

sayHello = name => console.log('Hello', name);

十、隐式返回值简写

经常使用return语句来返回函数最终结果,一个单独语句的箭头函数能隐式返回其值(函数必须省略

{}为了省略return关键字)为返回多行语句(例如对象字面表达式),则需要使用()包围函数体。

JavaScript中最常用的10种代码简写技巧总结

简写:

JavaScript中最常用的10种代码简写技巧总结

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
jquery tools 系列 scrollable(2)
Sep 06 Javascript
JavaScript 更严格的相等 [译]
Sep 20 Javascript
jquery处理json对象
Nov 03 Javascript
jquery实现具有收缩功能的垂直导航菜单
Feb 16 Javascript
老生常谈js-react组件生命周期
May 02 Javascript
Node.js 使用jade模板引擎的示例
May 11 Javascript
原生JS实现的简单轮播图功能【适合新手】
Aug 17 Javascript
微信小程序实现单选功能
Oct 30 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
May 21 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 Javascript
详解webpack的clean-webpack-plugin插件报错
Oct 16 Javascript
vue 避免变量赋值后双向绑定的操作
Nov 07 Javascript
AngularJS页面带参跳转及参数解析操作示例
Jun 28 #Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 #Javascript
JavaScript循环_动力节点Java学院整理
Jun 28 #Javascript
JavaScript方法_动力节点Java学院整理
Jun 28 #Javascript
微信小程序后台解密用户数据实例详解
Jun 28 #Javascript
JavaScript箭头函数_动力节点Java学院整理
Jun 28 #Javascript
JavaScript之filter_动力节点Java学院整理
Jun 28 #Javascript
You might like
php 获取mysql数据库信息代码
2009/03/12 PHP
php数据库配置文件一般做法分享
2012/07/07 PHP
PHP编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
解析PHP SPL标准库的用法(遍历目录,查找固定条件的文件)
2013/06/18 PHP
php加密解密实用类分享
2014/01/07 PHP
php开发时容易忘记的一些技术细节
2016/02/03 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
JQuery CSS样式控制 学习笔记
2009/07/23 Javascript
实现动画效果核心方式的js代码
2013/09/27 Javascript
js动态拼接正则表达式的两种方法
2014/03/04 Javascript
JavaScript面向对象编程入门教程
2014/04/16 Javascript
js关于命名空间的函数实例
2015/02/05 Javascript
Jquery和Js获得元素标签名称的方法总结
2016/10/08 Javascript
JavaScript创建对象_动力节点Java学院整理
2017/06/27 Javascript
开发用到的js封装方法(20种)
2018/10/12 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
Python面向对象编程基础解析(一)
2017/10/26 Python
详解如何在Apache中运行Python WSGI应用
2019/01/02 Python
Python Django框架防御CSRF攻击的方法分析
2019/10/18 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
Python实现自动签到脚本的示例代码
2020/08/19 Python
如何用Python 实现全连接神经网络(Multi-layer Perceptron)
2020/10/15 Python
HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
2013/01/31 HTML / CSS
你在项目中用到了xml技术的哪些方面?如何实现的?
2014/01/26 面试题
后勤部经理岗位职责
2014/02/23 职场文书
班班通校本培训方案
2014/03/12 职场文书
一年级学生评语
2014/04/23 职场文书
促销活动总结范文
2014/04/30 职场文书
买卖合同协议书范本
2014/10/18 职场文书
幼儿园教师师德师风承诺书
2015/04/28 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python