本系列笔记基于阮一峰大佬的开源书籍.如果大家想看可以去该地址 本系列笔记只记录本人自己学习的过程,如果有侵权收到通知会自行下架. 如果大家看到可以直接去地址处学习,如果觉得好还望支持正版. 在此感谢阮一峰大佬的开源精神.感谢大佬为我们提供如此系统的知识学习脉络.…

今天在看<ECMAScript6入门>的第17章——Generator函数的语法.理解起来还是有点费劲,几段代码看了很多遍.总算有点点理解了. 示例代码如下:(摘自阮一峰<ECMAScript 6 入门>) function* foo(x) { var y = 2 * (yield (x + 1)); var z = yield (y / 3); return (x + y + z); } var a = foo(5); a.next() // Object{value:6, do…

一.基本语法-let命令 (1)ES6新增了let命令,用来声明变量.所声明的变量,只在let命令所在的代码块内有效. 循环的计数器,就很合适使用let命令.计数器i只在for循环体内有效,在循环体外引用就会报错. 另外,for循环还有一个特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域. (2)不存在变量提升 var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined. 为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定要在…

ECMAScript 6 入门  阮一峰…

let 命令 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 [注]:let与var相似,用来声明变量.但是只在它所在的代码块内有效 for (let i = 0; i < 10; i++) {} console.log(i); //Uncaught ReferenceError: i is not defined console.log(foo); // 输出undefined console.l…

let和const命令 let命令 循环体的let变量只对花括号作用域可见,花括号外不可见 循环体的语句部分是一个父作用域,而循环体内部是一个单独的子作用域 let声明的变量不存在变量提升,未声明的使用会报错 只要块级作用域内存在let声明,它所声明的变量就绑定了这个区域,不再受外部的影响 let不允许在相同的作用域重复声明同一个变量,子父级作用域可以同名变量声明 const命令 const常量的值一旦声明就不得改变 const一旦声明变量,就必须立即初始化,不能留到以后赋值 const的作用域…

块级作用域 1:let命令声明的变量只在let命令所在的代码块有效--简而言之 大括号既是代码块,也就是说存在块级作用域了. { let a =10; var b =1; } a // ReferenceError: a is not defined. b 重点:所以let命令很适合在for循环当中,并且for循环的设置循环变量的那个区域是个父级作用域,循环体里面是一个子作用域 注释:上面代码中,变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出…

(1)变量的解构赋值 基本用法:ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). let a = 1; let b = 2; let c = 3; //ES6 允许写成下面这样. let [a, b, c] = [1, 2, 3]; 本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值. tips:ES6 内部使用严格相等运算符(===),判断一个位置是否有值.所以,只有当一个数组成员严格等于undef…

为函数参数设定默认值 function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello 注意:参数变量是默认声明的,所以不能用let或const再次声明 使用参数默认值时,函数不能有同名参数 // 不报错 function foo(x, x, y) { // ... } // 报…

目的:将大程序拆分成互相依赖的小模块文件.CommonJS 和 AMD 两种,前者用于服务器,后者用于浏览器.他俩都是运行时才确定 :ES6 模块的设计思想是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量 // CommonJS模块 let { stat, exists, readFile } = require('fs'); // 等同于 let _fs = require('fs'); let stat = _fs.stat; let exists = _fs.exis…

ES6 允许按照一定模式,先=从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 这句话的解释:第一步从数组或者对象中提取值,第二步将提取到的值对变量进行赋值 数组的解构赋值 重点:如果等号的右边不是可遍历的解构,那么就会报错. //以前,为变量赋值,只能直接指定值 let a = 1; let b = 2; let c = 3; //ES6 允许写成下面这样 let [a, b, c] = [1, 2, 3]; 注释:可以从数组中提取值,按照对应位置,对变量赋值…

let和const命令 let命令 循环体的let变量只对花括号作用域可见,花括号外不可见 循环体的语句部分是一个父作用域,而循环体内部是一个单独的子作用域 let声明的变量不存在变量提升,未声明的使用会报错 只要块级作用域内存在let声明,它所声明的变量就绑定了这个区域,不再受外部的影响 let不允许在相同的作用域重复声明同一个变量,子父级作用域可以同名变量声明 const命令 const常量的值一旦声明就不得改变 const一旦声明变量,就必须立即初始化,不能留到以后赋值 const的作用域…

NVM Babel babel-core:提供 Babel 的 API,可以获得转码后的代码和抽象语法树. babel-polyfill:Babel 只能转换语法,如果想用类似 Promise.Generator 等 API 要 polyfill 她. Traceur Google 的 JS 代码转换器. ECMAScript7 ES6 的草案封闭,不再接受新功能,新功能将加入 ES7. TC39 提案的流程: Stage0: Strawman 展示 Stage1: Proposal 征求意见…

ECMAScript与javascript的关系 ECMA是是一个国际标准化的一个组织,规定了浏览器脚本的语言标准,在上个实际,javascript公司Netscape把javascript托付给ECMA,让其为javascript设置标准,经常见到到版本ES5就是在ES6的上一代标准. let   什么是let? 狭义理解let是更完美的var,也就是说 他是用来声明变量,方法与var类似,但是优于var,那它的优点是什么呢,下面将详述 let声明的变量只在该变量的代码块中有效 { var a…

该博客原文地址:http://www.cnblogs.com/giggle/p/5572118.html 一.module概述 JavaScript一直没有模块体系,但是伴随着ES6的到来,module随之而来. ES6module的设计思想是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入.输出变量.简而言之就是‘编译时加载’. ES6module相对来说实现得还是比较简单,易上手. ES6module提倡一个js文件就是一个模块的概念,主要包括两个命令:export和import,用…

× 目录 [1]查询 [2]设置 [3]删除[4]继承 前面的话 对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对象系列的第二篇——属性操作 属性查询 属性查询一般有两种方法,包括点运算符和方括号运算符 var o = { p: 'Hello World' }; o.p // "Hello World" o['p'] // "Hello World" [注意]变量中可以存在中文,因…

强烈推荐  阮一峰写的<ECMAScript6入门> let和const命令 let命令: let用于声明变量,用法和var相似,但是不完全相同,有以下几点区别 ① let命令只在当前作用域中有效: ② let不会发生'变量提升'的现象,变量一定要声明后在使用他,否则会报错. 问题:ES6支持ES5 但是如果发生以下情况也会报错 var demo = 13; if(true){ demo = "abc"; //这里也会报错 let demo; } 原因:只要在块级作用域内存…

什么是web前端? 在以前,通俗的讲是网页制作,在现在,哼哼,可以参考这篇文章 http://tieba.baidu.com/p/4817153404 那么如果高效优雅的学习web呢? 注:以下纯属个人观点,如果不当请指出 第一阶段.html(5)+css(3) Html和css是基础中的基础,但对于很多html标签和css属性是平常开发中很难用到的,如果系统的学真的不知道学到猴年马月,所以学会一些常用的就好了,这些基础就不用买书了.推荐跟着慕课网在线敲一下代码,它那里讲的都是一些常用的东西ht…

类定义 ES6完整学习阮老师的ECMAScript6入门. 技术一般水平有限,有什么错的地方,望大家指正. 以前我们使用ES5标准定义一个构造函数的过程如下: function Person(name,age){ this.name = name; this.age = age; } Person.prototype.say = function(){ console.log("你好,我是"+this.name) } Person.prototype.show = function()…

百度云链接:https://pan.baidu.com/s/1kUPdf5H(无密码) 截图: <HTTP权威指南> [豆瓣书评]:此书第一部分是HTTP的概略,如果你没有时间,通读第一部分就能让你应付普通的日常开发工作.第二部分主要讲现实世界中HTTP的架构,也可以看作HTTP的全景图,包括Web Server/Cache/Proxy/Gateway,是全书中精华的部分. 第三部分主要是HTTP安全,其中Basic和Digest概略看下即可,现实世界中用的应该不多.看HTTPs最好有一些计算…

前言 本文大量参考了阮一峰老师的开源教程ECMAScript6入门,适合新手入门或者对ES6常用知识点进行全面回顾,目标是以较少的篇幅涵盖ES6及部分ES7在实践中的绝大多数使用场景.更全面.更深入的请进入上面的教程.如果您觉得有遗漏的常见知识点或者错误的地方,请评论指出! 新的变量声明方式 let/const 是什么: 新的变量声明方式,提供变量的块级作用域,同时通过一些限制来更防止我们犯错误.也就是说是更好的声明变量的方式 怎么用 1)let/const与var的区别是提供了块级作用域与不再…

转载烦请注明原文链接: https://github.com/Xing-Chuan/blog/blob/master/JavaScript/JavaScript%E4%B9%8BObject%E6%8B%86%E8%A7%A3.md --- 最近把研究 Object 的体会总结了一下, 有 Object 相关联的属性.方法和 ES6 后新 Api . 属性类型 JavaScript 中有两种数据类型: 数据属性和访问器属性 数据属性 数据属性有以下几个描述行为的属性: Configurable…

promise基础 Promise是异步编程的一种解决方案.ES6 Promise的规范来源于Promises/A+社区,它有很多版本的实现. Promise比传统的解决方案(回调函数和事件)更合理和更强大,可以避免回调地狱.使用Promise来统一处理异步操作,更具语义化.易于理解.有利维护. Promise接口的基本思想是让异步操作返回一个Promise对象,我们可以对这个对象进行一些操作. 三种状态和两种变化途径 Promise对象只有三种状态. 异步操作"未完成",promis…

2014年一月以来,自己接触web前端开发已经两年多了,记录一下自己前端学习路上看过的,以及道听途说的一些书,基本上按照由浅入深来介绍. JavaScript 入门 <JavaScript权威指南(第六版)> ★★★★★ 淘宝前端团队翻译的,看译者列表都是一堆大神.这本书又叫犀牛书,号称javascript开发者的圣经,网上对此书评价很多,大概意思都是说这本书是一本JavaScript文档手册,没有完整看过一遍此书的都不能算是一名合格的前端工程师. 我也是从这本书开始接触前端开发的,当时还是华…

最近在学习使用Webpack3的时候发现,它已经可以在不使用babel的情况下使用ES6的模块加载功能了. 说到ES6的模块加载功能,我们先复习一下CommonJS规范吧: 一  . CommonJS规范规定,在每个模块内的module变量代表当前模块.这个变量的module.exports属性是对外开放的接口. 加载某个模块,其实是加载此模块的module.exports属性. exampleA.js var x = 5; var addX = function (value) { retur…

/*声明: * 本文内容多为学习借鉴性内容,大部分非原创 * 特别感谢阮一峰的 ECMAScript6 入门,推荐大家学习 */ 一.es5变量声明的不足 1.变量提升和函数声明提升 es5的代码加载顺序是自上而下的但是 var和function(不包含函数表达式)的声明,(不包含赋值),会得到优先加载,加载时提升到作用域的top位置 函数内的变量声明会提升到函数内部代码的顶部,优先运行; 并且变量的值为undefined; (1)栗子1 var time = new Date(); funct…

js 数组详细操作方法及解析合集 前言 在开发中,数组的使用场景非常多,平日中也涉及到很多数组的api/相关操作,一直也没有对这块内容进行一块整理总结,很多时候就算用过几次这个api,在开发中也很容易忘记,还是要谷歌一下.所以就希望对这块内容有一个比较系统性的总结,在这背景下,就有了本篇文章,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获. 本文篇幅较长,建议点赞保存再看,也便于日后翻阅. 创建一个数组: // 字面量方式: // 这个方法也是我们最常用的,在初始化数组的时…

参考: ECMAScript6入门 就是随便看看,了解一下. 一.ECMAScript6简介 1. 什么是ECMAScript6? JavaScript语言的下一代标准.2015年6月发布,正式名称是<ECMAScript2015标准>. 思考:编程语言和英语.法语语言差不多吧.其实就是语言的标准.规范之类,和英语语法差不多的东西吧 = =! 二.let和const命令 1. let 1.1 声明的变量仅在块级作用域内有效 1.2 不存在变量提升 1.3 暂时性死区:使用let命令声明变量之前…

本文章属于个人对es6一些比较常用的语法的总结归纳,其主要参考阮一峰大神的<a href="http://es6.ruanyifeng.com//">ECMAScript6入门</a> ,如有哪里理解不对或者不透彻的地方,还请批评指正~ ps:推荐使用es6在线调试 <b>let 和 const</b> 1.let声明的变量只有在当前代码块成效,而且不具备变量提升(即代码块中有let声明的变量提前使用会报错); { console.log…

本文摘自ECMAScript6入门,转载请注明出处. 一.Module简介 ES6的Class只是面向对象编程的语法糖,升级了ES5的构造函数的原型链继承的写法,并没有解决模块化问题.Module功能就是为了解决这个问题而提出的. 历史上,JavaScript一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来.其他语言都有这项功能. 在ES6之前,社区制定了一些模块加载方案,最主要的有CommonJS和AMD两种.前者用于服务器,后者用于浏览器.ES…