石川es6课程---6、解构赋值

石川es6课程---6.解构赋值一.总结一句话总结: 结构相同一一对应的方式赋值:let [json, arr, num, str] = [{ a: 1, b: 2 }, [1, 2, 3], 8, 'str'] let [json, arr, num, str] = [{ a: 1, b: 2 }, [1, 2, 3], 8, 'str'] console.log(json, arr, num, str) 1.解构赋值注意点? 1.左右两边结构必须一样:let [a,b]={a:12,b:…

石川es6课程---18、ES6 复习

石川es6课程---18.ES6 复习一.总结一句话总结: 无论在讲课和学习中,复习总结都是很重要二.ES6 复习变量 let const 声明方式能否重复声明作用域类型是否支持变量提升 var 能函数级变量是,undefined let 不能,不允许在相同作用域内,重复声明同一个变量块级变量否,referrenceError:is not defined const 不能块级常量否暂时性死区:在代码块内,使用let命令声明变量之前,该变量都是不可用的.这在语…

石川es6课程---1-2、ES6简介

石川es6课程---1-2.ES6简介一.总结一句话总结: 从ECMAScript的历史发展来看,太顺了的时候总会遇到一挫折,比如ecma4 1.ECMAScript 和 JavaScript关系? ECMA 是标准,JS 是实现 2.解决ie9兼容性问题的在线编译? 用browser.js/babel <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo…

石川es6课程---13-16、generator-认识生成器函数

石川es6课程---13-16.generator-认识生成器函数一.总结一句话总结: ` generator函数,中间可以停,到哪停呢,用 yield 配合,交出执行权 ` 需要调用next()方法启动执行,需要遇到 yield 停, 踹一脚走一步 ` generator函数前面加一个 * 两边可以有空格,或靠近函数或function:function *show2() { ` 背后实际生成多个小函数,实现走走停停 function show() { console.log('a') co…

es6学习笔记--解构赋值

昨天学习了es6语法中解构赋值,解构赋值在声明中和函数传参提高了灵活性和便捷性,值得掌握该语法. 概念: ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 数组的解构: let [a,b,c] = [1,2,3]; console.log(a); console.log(b); console.log(typeof c); // number console.log(a === 1); // true ps:解构不成功,变量的值就等于undefined le…

石川es6课程---17、ES7 预览

石川es6课程---17.ES7 预览一.总结一句话总结: 人的价值恒定规律:无论得意还是迷茫之时,你的价值都不靠外界的评判或者你内心的悲喜而决定.而是当时的恒定的.能够提升他只能靠你提升自己的能力和实力. 1.ES7 预览:数组? ~ arr.includes() 数组是否包含某个东西 ~ 数组的 arr.keys(), arr,entries() ~ for ... in 遍历数组下标 key ~ for ... of 遍历数组值 value, 不能用于json let arr =…

石川es6课程---12、Promise

石川es6课程---12.Promise 一.总结一句话总结: 用同步的方式来书写异步代码,让异步书写变的特别简单用同步的方式来书写异步代码Promise 让异步操作写起来,像在写同步操作的流程,不必一层层地嵌套回调函数改善了可读性,对于多层嵌套的回调函数很方便充当异步操作与回调函数之间的中介,使得异步操作具备同步操作的接口 1.传统的异步写法? 嵌套操作 ajax('./banners',function(banner_data){ ajax('./hotItems',function(h…

石川es6课程---11、json

石川es6课程---11.json 一.总结一句话总结: ` 感觉更方便了一点,增加了一些简写 ` key-value 一样时可以简写:console.log({ a,b}}) ` 里面函数可以简写:console.log({ show(){ console.log('a') }}) 1.JSON 格式要求? - JSON 是 JS对象的严格子集 - 只能用双引号 - 所有的key都必须用双引号包起来二.json JSON 格式 JavaScript Object Notation 的缩写…

石川es6课程---9、面向对象-基础

石川es6课程---9.面向对象-基础一.总结一句话总结: js老版本的面向对象和继承都不是很方便,新版的面向对象向其它语言靠拢,有了class,extends,constructor等关键字,用法和其它语言(例如php)也很像了 class User { constructor(name, pass) { this.name = name this.pass = pass } showName() { console.log(this.name) } showPass() { consol…

石川es6课程---8、字符串

石川es6课程---8.字符串一.总结一句话总结: · es6字符串新增两个方法:startsWith(以什么开头),endsWith(以什么结尾) · 新增反单引号:可以解析变量,可以折行:let a = 12: let str1 = `asdf${a}`: 1.es6字符串新增两个方法:startsWith(以什么开头),endsWith(以什么结尾)实例? |||-begin var url = 'http://qq.com' |||-end console.log(url.start…

石川es6课程---7、数组

石川es6课程---7.数组一.总结一句话总结: ^ 主要就map(映射:一个对一个),reduce(汇总:一堆出来一个),filter 过滤器,forEach 循环(迭代) 四个方法 ^ 使用形式就是方法里面接匿名函数作为参数:例如let result = arr.map(function (item) { 二.数组 - map (映射:一个对一个) ``` [112,58,6,990] [及格,不及格,不及格,及格] let arr=[12,5,8] // let res=arr.ma…

石川es6课程---5、函数-参数

石川es6课程---5.函数-参数一.总结一句话总结: ` 收集参数:收集剩余的参数,必须当到最后一个参数位置:function show(a, b, ...args) { ` 展开参数:展开数组,简写,效果和直接把数组的内容写在这儿一样:let arr3 = [...arr1, ...arr2] ` 默认参数:和习惯写法一样:function show2(a, b=5, c=8) { 1.es6中函数的参数收集实例? ` 收集参数:收集剩余的参数,必须当到最后一个参数位置:function…

石川es6课程---4、箭头函数

石川es6课程---4.箭头函数一.总结一句话总结: 相当于函数的简写,类似python lambda 函数,先了解即可 let show1 = function () { console.log('abc') } let show2 = () => { console.log('abc') } show1() // 调用函数 show2() 二.箭头函数箭头函数,就是函数的简写如果只有一个参数,()可以省如果只有一个return,{}可以省 // 普通函数 function name…

石川es6课程---3、变量let和常量const

石川es6课程---3.变量let和常量const 一.总结一句话总结: let非常好用,尤其是let的块级作用域可以解决之前要(function(){})()立刻执行函数做的块级作用域 1.js中var声明变量会伴随哪些问题? - 可以重复声明,没有报错和警告 - 无法限制修改(也就是没有常量的概念) - 没有块级作用域, { } 2.js中如何实现块级作用域? 函数:普通js只有函数才有作用域(function(){})()立刻执行函数 //普通js只有函数才有作用域(function()…

ES6 - Note2：解构赋值

ES6的解构赋值就是利用模式匹配从按照一定模式的数组或者对象中提取值赋值给变量. 1.数组的解构赋值在ES6以前,变量的赋值是直接指定的,以后可以这么来写,如下所示 let [a,b,c] = [1,2,3]; console.log(a,b,c) 1 2 3 解构赋值只要等号两边的模式一致,便可解析成功,如下所示 var [d,[f,g]] = [3,[4,5]]; console.log(d,f,g); 3 4 5 ----------------------------- var [,,…

ES6 变量的解构赋值

数组的解构赋值 var [a,b,c] = [1,2,3]; 左边是变量,右边是值,根据数据结构一一对应只要等号两边的模式相同,左边的变量就会被赋予右边对应的值,必须模式相同如果等号右边的不是数组,确切的说不是可遍历的数组,那么将会报错解构赋值不仅适用于var 命令,也适用于 let / const 命令 var [a,b,c,...d] = []; let [a,b,c,...d] = []; const [a,b,c,...d] = []; 只要是可遍历的数据,都可…

ES6 - 变量的解构赋值学习笔记

变量的解析赋值数组的解析赋值 es6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这就称为解构. var a = 1; var b = 2; var c = 3; //在es6中允许写成: var [a,b,c] = [1,2,3]; //表示从数组中提取值,按照位置的对应关系对变量赋值本质为:"模式匹配". 如果解构不成功,变量的值就等于undefined var [foo] = []; var [bar, foo] = [1]; // foo的值为undefined…

ES6的变量解构赋值

前言 ES6 解构赋值: ES6允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构. 1.1 数组的结构赋值 1.1.1基本用法 JS中,为变量赋值直接指定.例如下面代码: <script type="text/javascript"> var a = 1; var b = 2; var c = 3; </script> 在ES6中可以这样写.例如下面代码: <script type="text/javascript&…

关于ES6 的对象解构赋值

之前写了关于ES6数组的解构现在 go on ; 解构不仅可以用于数组,还可以用于对象: 对象的解构和数组有一个重要的不同.数组的元素是按次序排列的,变量的取值是由他的位置决定的:而对象的属性没有次序,变量必须与属性同名,才能取到正确的值: 等号与右边两个同名属性的次序不一致,但是对取值没有任何的影响这个例子显示变量没有对应的同名属性,导致取不到值,最后等于undefined; 如果变量名与属性名不一致,必须写成下面这样. 也就是说,对象的解构赋值是下面形式的简写: let{foo:foo…

ES6中的解构赋值

在解释什么是解构赋值前,我们先来看一下, ES5 中对变量的声明和赋值. var str = 'hello word'; 左边一个变量名,右边可以是字符串,数组或对象. ES6 中增加了一种更为便捷的赋值方式.称为 Destructuring .好像大家普遍翻译为解构.解构赋值允许我们将数组或对象的属性赋予给任何变量,该变量的定义语法与数组字面量或对象字面量很相似.举个例子可以直观的说明. let [speak, name] = ['hello', 'destructuring']; conso…

ES6学习之解构赋值

最近看了一个vue的项目,发现作者大量使用了ES6的语法,包括async, Promise, Set, Map还有一些解构赋值, 才发现自己对于ES6的语法缺乏了总结和运用,看得有点艰难,所以重新学习了阮一峰老师的教程并用自己的理解做了一些笔记: 1. 数组解构赋值 (1)按照变量位置对应赋值 ---- "匹配模式" let [a, b, c] = [1, 2, 3] console.log(a, b, c) // 1 2 3 let [foo, [[bar], baz]] = [1…

es6变量的解构赋值学习笔记

1. 解构赋值的规则是,只要等号右边的值不是对象,就先将其转为对象.由于undefined和null无法转为对象,所以对它们进行解构赋值,都会报错. let { prop: x } = undefined; // TypeError let { prop: y } = null; // TypeError 2. 对象的解构与数组有一个重要的不同.数组的元素是按次序排列的,变量的取值由它的位置决定:而对象的属性没有次序,变量必须与属性同名,才能取到正确的值. let { bar, foo } =…

ES6里的解构赋值

我们经常定义许多对象和数组,然后有组织地从中提取相关的信息片段.在ES6中添加了可以简化这种任务的新特性:解构.解构是一种打破数据结构,将其拆分为更小部分的过程. 一.引入背景在ES5中,开发者们为了从对象和数组中获取特定数据并赋值给变量,编写了许多看起来同质化的代码 let options = { repeat: true, save: false }; // 从对象中提取数据 let repeat = options.repeat, save = options.save; 这段代码从op…

ES6入门教程---解构赋值和字符串扩展

解构赋值: ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 数组的解构赋值: 按照对应的顺序解构. var arr = [1,[2,3]]; var [a,[b,c]] = arr; console.log(a,b,c); var obj = { foo:function(){ }, o:{ }, arr:[], str:'abc'} var {foo,arr,str,o} = obj;console.log(foo,arr…

ES6 数组的解构赋值

数组的解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1; let b = 2; let c = 3; ES6 允许写成下面这样. let [a,b,c] = [1,2,3]; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 下面的同样会被解析 let [foo, [[bar], baz]] =…

ES6变量的解构赋值

变量的解构赋值 1.数组的解构赋值 2.对象的解构赋值 3.字符串的解构赋值 4.数值和布尔值的解构赋值 5.函数参数的解构赋值 6.圆括号问题 7.用途 1.数组的解构赋值 ES6 允许写成下面这样. let [a, b, c] = [1, 2, 3]; 上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值.这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值. 其中数组的解构还有一些特殊的嵌套模式,来看下面例子: let [foo, [[bar], baz]]…