ES6 阮一峰阅读学习
参考:
ECMAScript6入门
就是随便看看,了解一下。
一、ECMAScript6简介
1. 什么是ECMAScript6? JavaScript语言的下一代标准。2015年6月发布,正式名称是《ECMAScript2015标准》。
思考:编程语言和英语、法语语言差不多吧。其实就是语言的标准、规范之类,和英语语法差不多的东西吧 = =!
二、let和const命令
1. let
1.1 声明的变量仅在块级作用域内有效
1.2 不存在变量提升
1.3 暂时性死区:使用let命令声明变量之前,该变量是不可用的
1.4 不允许重复声明
let a = 1;
思考:其实就是var变量自动提升和作用域容易产生错误,而出现let这样一个严谨定义的“局部变量”。
2. 块级作用域
ES5只有全局作用域、函数作用域。ES6有了块级作用域,块级就是{ }, 花括号内就是块级作用域的范围
思考:这个作用域有啥子用呢,平时也不使用{}来当作用域。
3. const命令
1.1 声明一个只读的常量,常量的值不能改变(变量指向的内存地址的数据不得改动)
1.2 只在声明的块级作用域内有效
1.3 生命对象时,对象的值可改变,只是不能把变量指向另一个对象
const PI = 3.1415;
思考:这个const在其他语言里,用在比如事件名、模块名等等限制变量改变,比如publist static const LOGIN_EVENT:string = "LOGIN_EVENT"
但是ES6里这个只能当成局部变量用...好想并没啥用...
三、变量的解构赋值
1.1 什么是解构? ES6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。
let a ;
let b ;
[a,b] = [1,2];
console.log(a,b); //1,2
思考:个人看这个赋值比较难读不习惯,感觉用在swap交换数值上很好用,不需要定义temp临时变量写3行了 = =!
let a = 1;
let b = 2;
[a,b] = [b,a];
console.log(a,b); //2,1
四、字符串的扩展
1.1 字符unicode表示法
以前超出\u0000-\uFFFF范围的字符需要双字节表示 "\uD842\uDFB7",现在只需要加个花括号就行了\u{1F680}。
1.2 codePointAt
以前的 var s =“吉” (上面是"土",不是"士",编码是4字节) 用chatAt(0)和charCodeAt(0)只能返回2字节,而codePointAt(0)可以正确处理4字节。
var s = "吉"; //实际码点是134071
s.charCodeAt(0); //只能返回前2字节,55362
s.codePointAt(0); //能正确返回4字节,134071
1.3 String.fromCodePoint
同上,原来的fromCharCode只能处理2字节
String.fromCharCode(0x20BB7); //返回不知名符号
String.fromCodePoint(0x20BB7); //正确处理4字节,返回"吉"(上面是"土")
1.4 includes,startsWith,endsWith
1.5 模板字符串
以前
'There are <b>' + count + '</b>'
现在
‘There are <b>${count}</b>‘
就是以前是字符串+号拼接很麻烦,现在在多行字符串反引号(`) 内用&{count}来代入值很方便。
思考:基本都是String扩展了一些API,方便使用。
五、正则的扩展
思考:能不查表随手就写正则的是真男人,我就不受折磨了....
六、数值的扩展
1.1 二进制和八进制的表示法
二进制 0b1010
八进制 0o767
1.2 Number的扩展
基本就是Number扩展了一些API
1.3 Math对象的扩展
基本就是Math扩展了一些API
1.4 指数运算符
思考:就是对数值的处理上,在Number、Math等原数值处理的工具类上扩展了接口。
待编辑...
转载于:https://www.cnblogs.com/gamedaybyday/p/9704275.html
ES6 阮一峰阅读学习相关推荐
- 《ES6》(阮一峰)学习笔记
一.简介 ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现 各大浏览器的最新版本,对 ES6 的支持可以查看kangax.github.io/compa ...
- ES6阮一峰-----变量的解构赋值学习
1.数组的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1; let b = ...
- es6阮一峰学习--let 和 const 命令
1.let 命令 基本用法 ES6新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效. {let a = 10;var b = 1; }a // ...
- 阮一峰的学习Javascript闭包(Closure)
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 下面就是我的学习笔记,对于Javascript初学者应该是很有用的. 一.变量的作用域 要理解 ...
- ES6 标准入门(第二版)阮一峰学习
现在前端环境中,每一位程序员都要求熟练ES6语法,但是大部分ES6的文档都不太完整,接下来的时间,我将为童鞋们分享阮一峰老师第二版的ES6标准.让我们一起来学习一下!!! 本期先说一下学习的目录 1: ...
- 【ES6】阮一峰promise
阅读链接:[ES6]阮一峰promise 要点: then方法返回的是一个新的Promise实例(注意,不是原来那个Promise实例).因此可以采用链式写法,即then方法后面再调用另一个then方 ...
- 阮一峰ES6入门读书笔记(十六):Moudle
阮一峰ES6入门读书笔记(十六):Moudle 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种.前者用于服务器,后者用于浏览器.ES6 在语言标准的层面上 ...
- js -- ES6(一)-- 简介(根据阮一峰ES6标准入门整理)
目前正在学习ES6,根据阮一峰的ES6入门2,学到哪更新到哪里,都是基本的知识,复杂的目前还不会,涉及的代码都是亲自运行过的,若发现错误请指正. ES6 提供了许多新特性,但是并不是所有的浏览器都能够 ...
- 值得学习的技术人——阮一峰
说起阮一峰,很多IT人都很熟悉,不少人都从他那深入浅出的博客中受益匪浅,但有多少人对他做过深入的了解呢? 阮一峰,70后,英文名Frank.他原是上海财经大学世界经济博士研究生.主要研究宏观金融.货币 ...
- 阮一峰es6电子书_ES6理解进阶【大前端高薪训练营】
一:面向对象:类class 面向对象三大特性之封装 封装是面向对象的重要原则,它在代码中的体现主要是以下两点: 封装整体:把对象的属性和行为封装为一个整体,其中内部成员可以分为静态成员(也叫类成员)和 ...
最新文章
- Xcode_9_beta.xip 更新下载
- Chrome 开发者工具的各种骚技巧
- ImageLazyLoad-图片随着滚动而进行加载
- MATLAB——阈值分割(一)
- netty系列之:内置的Frame detection
- The Water Bowls POJ - 3185(开关问题+暴力)
- 通用编程_通用编程准则
- SublimeText如何让代码的关键字高亮显示
- 【python之路14】发送邮件实例
- idea修改代码后没有重新编译_SpringBoot中实现代码修改之后的自动更新与热加载...
- windows CMD.exe下写路径太长的解决方案
- python向文档中输入内容_Python修改文件往指定行插入内容的实例
- yacc c语言语法分析,编译原理实践--语法分析程序的自动生成工具YACC.PPT
- (python)图像下采样(bicubic插值法)
- H3C交换机设备常用命令
- 国内8款热门协作软件综合比较
- java记录日志不打印控制台,java异常在控制台和日志里面的打印记录
- C语言经典面试题及面试宝典
- 分享一种身份证OCR识别技术
- Fast and Provably Good Seedings for k-Means阅读笔记
热门文章
- fedora14 官方下载地址
- 建筑物内电缆桥架的选择与安装
- 布线问题----回溯法
- coreos(coreos介绍)
- 软件开发模式介绍和对比(瀑布、迭代、敏捷等)
- 中国AI专利数稳居第一!世界各国AI专利深度盘点
- 2021年中国气体分离设备行业运营情况分析:气体分离及液化设备产量14.85万台[图]
- 知识竞赛抢答器PLC设计
- 【评测】种草群晖918却剁手铁威马F4-421,上手更简单性价比还高
- 296.deepin下载安装、root改密、cpu不降频、修改快捷键、创建启动器快捷方式、win文件访问、直接进win无deepin启动项...