【JS语法糖】常见的几种JS语法糖

今天遇到一个前端方面的新词汇

语法糖

第一次听到这个词

我的第一反应是：这是一个糖

可能是像这样的：

或者

像这样：

【PS：旺仔牛奶是不是该给我打钱了？？？！！！】（手动/dog）

----------------------------正经的分割线--------------------------------

语法糖（Syntactic sugar），也译为糖衣语法。指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。

通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。

语法糖”可以给我们带来方便，是一种便捷的写法，编译器会帮我们做转换；而且可以提高开发编码的效率，在性能上也不会带来损失。

那么，下面来学习几种常见的【JS语法糖】吧

1、对象字面量

let sex1 = 'man', sex2 = ‘woman’
let sex = {man,woman}

2、箭头函数

let fun = function(params){}
//可以缩写成如下 箭头函数会改变this的指向
let fun= params =>{}
//当参数有两个及以上时,如下：
let fun= (params1,params2,,,)=>{}

3、数组解构

let arr = ['a','b','c'];
let {a,b} = arr
console.log(a) // a
//数组解构也允许你跳过你不想用到的值，在对应地方留白即可，举例如下
let {a,,c} = array
console.log(c)  //c

4、函数默认参数

function  getResponse(a,b=0) {//常用于请求数据时，设置默认值
}

5、拓展运算符

function test() {return [...arguments]
}
test('a', 'b', 'c') // ['a','b','c']
//扩展符还可以拼合数组let all = ['1',...['2','3'],...['4','5'],'6']   // ["1", "2", "3", "4", "5", "6"]

6、模板字符串

let id = '奋斗中的编程菜鸟'
let blog = '博主id是:${a}' // 博主id是是:奋斗中的编程菜鸟

7、多行字符串

//利用反引号实现多行字符串（虽然回车换行也是同一个字符串）
let poem = `A PledgeBy heaven,I shall love youTo the end of time!Till mountains crumble,Streams run dry,Thunder rumbles in winter,Snow falls in summer,And the earth mingles with the sky —Not till then will I cease to love you!`

8、拆包表达式

const data = {a: 'a',b: 'b',c: 'c'
}
let {a,c} = data
console.log(c); // c

9、ES6中的类

class helloJs{// 构造方法constructor(options = {}, data = []) { this.name = '奋斗中的编程菜鸟'this.data = datathis.options = options}// 成员方法getName() { return this.name}
}

10、模块化开发

// 新建一个util.js 文件夹
let formatTime = date=>{....
}
let endTime = date=>{....
}module.exports = {formatTime,endTime,
}
//可以用import {名称} from '模块'
//然后再同级目录创建一个js文件 引入 util.js
//import {endTime} from 'util'
//或者全部引入
//import util from 'util'

以上就是JS常见的语法糖的介绍了

学完语法糖

来袋糖恰恰~~~

关于JSP页面的生命周期详解，可参考如下的技术文章：
【Java Web总结】JSP页面的生命周期详解

【Java Web】相关技术文章：
【Java Web总结】Java Web项目中的.classpath、.mymetadata、.project文件作用
【Java Web问题解决】Tomcat报错javax.servlet.ServletException: Error instantiating servlet class.报错404
【比较】什么是“服务器端跳转”“客户端跳转”，二者有什么区别？
【总结】表单提交的get和post有什么不同？
【Java Web问题解决】Tomcat报错：java.lang.ClassCastException: cannot be cast to javax.servlet.Filter解决办法
【Java Web问题解决】Filter过滤器初始化方法init()执行了两次原因及解决方法
【总结】Java Web 中的4种属性范围（page、request、session、application）
【Java Web问题解决】Tomcat报错：java.sql.SQLException: No suitable driver found for jdbc:mysql://
【Java Web问题解决】Tomcat启动时控制台出现中文乱码的问题解决方法
【示例项目】java实现通过身份证号码判断籍贯所在地区
【总结】HTTP协议中的状态码（200、403、404、500等）
【Java Web问题解决】提交表单后显示乱码原因及解决办法
【Java Web总结】JSP页面的生命周期详解
【Java Web总结】JSP页面实现类详解
【Java Web 问题解决】Tomcat启动失败报错：Server Tomcat v9.0 Server at localhost failed to start.
【Java Web问题解决】连接数据库出错：java.sql.SQLException: No suitable driver found for jdbc:mysql://localhost:3306/
【Java Web问题解决】使用过滤器Filter解决提交表单后显示乱码问题
【Java Web问题解决】过滤器Filter进行编码过滤后页面空白、显示不了原因及解决办法

【Linux 操作系统】相关技术文章：
【Linux问题解决】Ubuntu Linux 安装gcc4.9 g++4.9报错“没有可供安装的候选者”解决办法
【Linux教程】Ubuntu Linux 更换源教程
【Linux教程】如何实现在Ubuntu Linux和windows之间复制粘贴、拖拽复制文件？
【Linux问题解决】操作系统用C语言多线程编程对‘pthread_create’未定义的引用报错解决办法
【Linux教程】Linux中用C语言多线程编程之pthread_join()函数
【Linux操作系统、C语言】在Linux中用C语言进行OpenMP并行程序设计之常见指令、库函数和指令总结
【VMware 虚拟机问题解决】VMware Workstation pr无法在Windows上运行的解决方案
【Linux 问题解决】Ubuntu执行apt-get命令报错：无法获得锁 /var/lib/dpkg/lock…解决方案

【Python】相关技术文章：
【总结】Python与C语言、Java等语言基本语法的不同点
【总结】分析Python中的循环技巧
【总结】Python语言是编译型语言还是解释型语言？（Python程序执行过程）
【总结】Python2 和 Python3 的区别
利用Python一层循环打印 * 型三角形
【总结】Python与C语言、Java等语言基本语法的不同点
【总结】你知道吗？——元组其实是可变的序列！
【Python爬虫教程】Python爬虫基本流程及相关技术支持
【Python问题解决】PyCharm中debug报错：using cython not found. pydev debugger: process 13108 is connecting原因及解决
【Python总结】闭包及其应用

【IntelliJ IDEA教程】相关技术文章：
【Intellij IDEA教程】怎么自动清除无效的import导入包、清除无效的import导入包的快捷键
【IntelliJ IDEA教程】在IntelliJ IDEA启动项目 Warning:java: 源值1.5已过时, 将在未来所有发行版中删除解决办法
【IntelliJ IDEA教程】提示信息Unmapped Spring configuration files found.Please configure Spring facet. 解决办法
【IntelliJ IDEA教程】怎么取消IntelliJ IDEA对单词拼写的检查

【Jupyter Notebook教程】相关技术文章：
【Python教程】Jupyter Notebook把一段很长的代码分成多行的解决办法】

【操作系统教程】相关技术文章：
【Linux操作系统教程】进程间的五种通信方式详解之——管道】

【Android 教程】相关技术文章：
【Android教程】Android Studio找不到连接的手机完全解决办法】
【Android问题解决】java.io.IOException: Cleartext HTTP traffic to … not permitted完美解决

【React 教程】相关技术文章：
【yarn问题解决】An unexpected error occured：“https://npm-registry.toolsfdg.net/”connnect ECONNREFUSED10.

【JS语法糖】常见的几种JS语法糖相关推荐

【JS继承】常见的7种继承方式
自我介绍:大家好,我是吉帅振的网络日志:微信公众号:吉帅振的网络日志:前端开发工程师,工作4年,去过上海.北京,经历创业公司,进过大厂,现在郑州敲代码. JS继承专栏 1[JS继承]什么是JS继承? ...
html js弹出等待框,九种js弹出对话框的方法总结
[1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: 因为这是一段javascripts代码,所以它们应该放在之间.是对一些版本低的浏览器起作用,在这些老浏览器 ...
js内存泄漏常见的四种情况（From LeuisKen）
本文主要选取了4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them 这篇文章中的一小部分来说明一下js中产生内存泄漏的常见情 ...
[摘译]js内存泄漏常见的四种情况
本文主要选取了4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them 这篇文章中的一小部分来说明一下js中产生内存泄漏的常见情 ...
js数组去重常见的七种方法
1.借助ES6提供的Set结构 new Set() 简单好用强烈推荐直接给一个新的数组里面,利用es6的延展运算符 var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5 ...
mysql 分页查询几种语法_各数据库2种分页语法支持
Mycat后端通过jdbc接入oracle.db2.sqlserver.postgresql等通过以下2种方式支持分页语法以防找不到可以先收藏哦! 1 数据库原生分页直接解析应用端可以通过直接执行 ...
【javascript基础——系列10】js中隐藏元素的几种方法以及代码
系列文章 [javascript基础--系列1]前端页面ajax连接后台服务器传输数据 [javascript基础--系列2]前端页面axios连接后台服务器传输数据 [javascript基础--系 ...
JS 跨域问题常见的五种解决方式
JS 跨域问题常见的五种解决方式一.什么是跨域? 要理解跨域问题,就先理解好概念.跨域问题是由于javascript语言安全限制中的同源策略造成的. 简单来说,同源策略是指一段脚本只能读取来自同一来 ...
js常见的几种页面刷新方法
js常见的几种页面刷新方法如下: 1 history.go(0); 2 location.reload(); 3 location=location; 4 location.assign(locati ...