ES6入门(二)

【ES6入门(二)】的更多相关文章

目录 ES6入门(二) es6之解构赋值数组的解构赋值对象的解构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值圆括号问题 ES6入门(二) es6之解构赋值数组的解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 // 之前我们给变量赋值 let a = 1; let b = 2; let c = 3; //解构赋值 let [a,b,c] = [1,2,3] //对应位置值相同解构赋值还可以嵌套赋值 let [a ,[[ b ]…

ES6入门二：默认值与默认值表达式

默认值默认值表达式需要注意的是,这种默认值和默认表达式在IE的最新版本中仍然没有得到兼容,只能通过编译转码的方式降级到ES5使用. 一.默认值在函数声明时可以给形参赋默认值,当调用函数时不传入或者传入undefined的时候,函数会使用默认值进行计算. 示例: function foo(x = 11,y = 31){ console.log(x + y); } foo( foo(undefined, 10); ES5编译结果: "use strict"; function foo…

ES6入门之变量的解构赋值(二)

前言在上一章 ES6入门之let和const命令中我们对ES6的相关语法已经有了初步了解,上一章中我们主要学习了三大部分的内容,let命令的使用,块级作用域,const命令的使用,那么从本篇博客将进一步深入了解ES6中的相关语法,毕竟未来ES6是主流. 本章目标学会数组的解构赋值学会对象的解构赋值学会字符串的解构赋值学会数值和布尔值的解构赋值学会函数参数的解构赋值学会解构赋值的用途本人对解构赋值的理解:模式匹配,匹配成功获取值,匹配不成功则为undefined,好比开心消消乐一样…

ES6入门十二：Module（模块化）

webpack4打包配置babel7转码ES6 Module语法与API的使用 import() Module加载实现原理 Commonjs规范的模块与ES6模块的差异 ES6模块与Nodejs模块相互加载模块循环加载一.webpack4打包配置babel7转码ES6 1.webpack.config.js 在webpack中配置babel转码其实就是在我之前的webpack配置解析基础上添加babel的加载器,babel的具体转码配置在之前也有一篇详细的博客做了解析: webpack安装与…

es6入门4--promise详解

可以说每个前端开发者都无法避免解决异步问题,尤其是当处理了某个异步调用A后,又要紧接着处理其它逻辑,而最直观的做法就是通过回调函数(当然事件派发也可以)处理,比如: 请求A(function (请求响应A){ //请求响应A作为参数调用方法B funB(请求响应A); }); 但从业务角度来说,回调往往不会只有一层:例如我项目中有一个购物车结算的需求:我需要先给网站A下个单,然后以A请求返回的单号为参数调用另一个借口,以给网站B下一个回执单,回执单拿到之后才是跳转页面,大概是这样: 下单A(fu…

es6入门3--箭头函数与形参等属性的拓展

对函数拓展兴趣更大一点,优先看,前面字符串后面再说,那些API居多,会使用能记住部分就好. 一.函数参数可以使用默认值 1.默认值生效条件在变量的解构赋值就提到了,函数参数可以使用默认值了.正常我们给默认值是这样的: //ES5 function log(x, y) { y = y || "echo"; console.log(x, y); }; log('hello')//hello echo 如果y未赋值则为假,那就取后面的默认赋值,很巧妙,但是有个问题,假设我y就是想传递一个f…

es6入门5--class类的基本用法

在ES6之前,准确来说JavaScript语言并无类的概念,却有模拟类的做法.相比在类似java这类传统面向对象语言中通过类来生成实例,js则通过构造函数模拟类来生成实例. 这是因为在JS设计初期,作者Brendan Eich选择使用原型来描述对象而非类,但被管理层要求模仿java,因此引入了new this等语言特性,也就是我们所使用的构造函数做法. 那么自ES6起,JavaScript正式引入了class关键字,自此我们也可以通过class来定义类了. 但需要清楚的是ES6中class只是构…