es6学习笔记1
最近在阅读《探索es6》,就把自己认为重要的做一点笔记,方便日后学习。
1、获取更多的es6资源的办法
有两组 ES6 资源:
- “ ECMAScript 6 Tools ”,作者 Addy Osmani 。
- “ ECMAScript 6 Learning! ”,作者 Eric Douglas 。
2、非版本化升级
原则上,语言的一个新版本是一个清理的机会,可以清理过时的特性或者改变特性的工作方式。这意味着新的代码在语言的旧的实现中无法工作,老的代码在新的实现中无法工作。每段代码都和特定的语言版本关联。针对两个不同语言版本写两种不同代码是很常见的。
通过一直向后兼容。这意味着我们必须放弃一些野心,比如清理 JavaScript :我们不能引入破坏性改变。向后兼容意味着不要移除特性,也不要修改特性。原则是:“不要破坏 web ”。
然而,我们可以添加新的特性,并且使已有的特性更加强大。
3、严格模式与 ECMAScript 6
ECMAScript 5 引入严格模式来清理语言,在文件或者函数的第一行放入下面的内容就可以开启严格模式:'
use strict
';
严格模式引入了三种破坏性的改变:
语法改变:一些之前合法的语法在严格模式下面是不允许的。例如:
- 禁止
with
语句。它允许使用者添加任何对象到变量作用域链,这会减缓程序的执行速度,并且很难指出某个变量指向哪里。 - 删除一个独立的标识符(一个变量,而不是一个属性)是不允许的。
- 函数只能在作用域的顶层声明。
- 更多的保留字: implements interface let package private protected public static yield 。
- 禁止
更多种类的错误。例如:
- 给一个未声明的变量赋值会抛出
ReferenceError
。在非严格模式下,这样干就会创建一个全局变量。 - 修改只读的属性(比如字符串的长度属性)会抛出
TypeError
。在非严格模式下,不会产生任何效果。
- 给一个未声明的变量赋值会抛出
不同的语义:在严格模式下,一些语法结构表现得不一样。例如:
arguments
不再随着当前参数值的改变而改变。- 在非方法的函数中
this
是undefined
。在非严格模式下,它指向全局对象(window
),也就是说如果调用一个构造器的时候没有使用new
,就会创建一些全局变量。
严格模式是一个很好地说明了版本化是棘手的:即便能够制作一个干净版本的 JavaScript ,也很难被大家接受。主要原因是破坏了一些现存的代码,降低了执行速度,并且加入到文件中也很麻烦(更不用说交互的命令行)。
4、尝试 ECMAScript 6
有三种简单的方式来玩儿 ES6 :
- 1、 web 浏览器:使用在线的 Babel REPL ,一个交互式的工具,能将 ES6 编译成 ES5 。如果选择这种方式的话就什么都不用安装。
- 2、命令行:使用
babel-node
,一个 Node.js 的可执行版本,它能运行 ES6 代码(在内部编译成 ES5 )。它能通过 npm 安装。 - 3、各个 JavaScript 引擎:参考 kangax 的 ES6 兼容表格,这个表格能查出在某个引擎中本地支持哪些 ES6 特性。
5、新的数值和 Math 特性
现在可以写二进制和八进制数值字面量:
> 0xFF // ES5: hexadecimal > 0b11 // ES6: binary > 0o10 // ES6: octal
全局对象 Number 上添加了一些新的属性,尤其是:
Number.EPSILON
用于比较浮点数,容忍舍入错误。- 一个方法和常量,用于判断 JavaScript 整数是否安全(在有符号的53位范围内,没有精度的损失)。
parseInt()
并没有对八进制或二进制字面量特殊支持!
如果想解析这种字面量,应该使用 Number()
;
或者,也可以移除前缀,然后使用 parseInt()
,传入适当的 radix
参数;
//**************************
> parseInt('0b111') > parseInt('0b111', ) > parseInt('', ) > parseInt('0o10') > parseInt('0o10', ) > parseInt('', ) //**************************
> Number('0b111') > Number('0o10') //**************************
> parseInt('', ) > parseInt('', )
四个数值相关的全局函数已经添加到 Number
下面了,这些方法是: isFinite
和 isNaN
, parseFloat
和parseInt
。所有方法都表现得基本跟对应的全局函数一样,但是 isFinite
和 isNaN
不需要它们的参数是数字。
Math.sign(x)
返回 x
的符号,-1或+1。如果 x
是 NaN
或者零,则返回 x
es6学习笔记1的更多相关文章
- es6学习笔记-class之一概念
前段时间复习了面向对象这一部分,其中提到在es6之前,Javasript是没有类的概念的,只从es6之后出现了类的概念和继承.于是乎,花时间学习一下class. 简介 JavaScript 语言中,生 ...
- ES6学习笔记<五> Module的操作——import、export、as
import export 这两个家伙对应的就是es6自己的 module功能. 我们之前写的Javascript一直都没有模块化的体系,无法将一个庞大的js工程拆分成一个个功能相对独立但相互依赖的小 ...
- ES6学习笔记<四> default、rest、Multi-line Strings
default 参数默认值 在实际开发 有时需要给一些参数默认值. 在ES6之前一般都这么处理参数默认值 function add(val_1,val_2){ val_1 = val_1 || 10; ...
- ES6学习笔记<三> 生成器函数与yield
为什么要把这个内容拿出来单独做一篇学习笔记? 生成器函数比较重要,相对不是很容易理解,单独做一篇笔记详细聊一聊生成器函数. 标题为什么是生成器函数与yield? 生成器函数类似其他服务器端语音中的接口 ...
- ES6学习笔记<二>arrow functions 箭头函数、template string、destructuring
接着上一篇的说. arrow functions 箭头函数 => 更便捷的函数声明 document.getElementById("click_1").onclick = ...
- ES6学习笔记<一> let const class extends super
学习参考地址1 学习参考地址2 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015:也 ...
- ES6学习笔记之块级作用域
ES6学习笔记:块级作用域 作用域分类 全局作用域 局部作用域 块级作用域 全局作用域示例 var i=2; for (var i = 0; i < 10; i++) { } console.l ...
- ES6学习笔记之变量的解构赋值
变量的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 数组的解构赋值 以前,为变量赋值,只能直接指定值: 1 2 3 var a = 1; var b = 2; ...
- ES6学习笔记(三):教你用js面向对象思维来实现 tab栏增删改查功能
前两篇文章主要介绍了类和对象.类的继承,如果想了解更多理论请查阅<ES6学习笔记(一):轻松搞懂面向对象编程.类和对象>.<ES6学习笔记(二):教你玩转类的继承和类的对象>, ...
- JS&ES6学习笔记(持续更新)
ES6学习笔记(2019.7.29) 目录 ES6学习笔记(2019.7.29) let和const let let 基本用法 let 不存在变量提升 暂时性死区 不允许重复声明 块级作用域 级作用域 ...
随机推荐
- jQuery插件初级练习3
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...
- JS学习笔记6_事件
1.事件冒泡 由内而外的事件传播(从屏幕里飞出来一支箭的感觉) 2.事件捕获 由表及里的事件传播(力透纸背的感觉) 3.DOM事件流(DOM2级) 事件捕获阶段 -> 处于目标阶段 -> ...
- Cordova - Windows 下创建第一个 Android App
官方文档: Create your first Cordova app Android Platform Guide 安装 JDK 和 Android SDK 注意: 需要将 JK 和 Android ...
- ASP.NET MVC 做的网站项目
感谢博客园团队日夜为广大需要获取知识人们所做的奉献 博客园团队您们辛苦了 ASP.NET MVC 实现有论坛功能的网站(有iis发布网站 这是之前写的... www.lazyfitness.cn 经过 ...
- EF t4模板将实体与DBContext分离
在用EF DBFirst时,实体类是从数据库自动生成的,与DBContext放在同一个项目中.这样其他项目想引用实体,就会将数据库操作类暴露出来.所以,我们需要将实体分离. 新建项目EFAccess, ...
- 【BZOJ2002】 [Hnoi2010]Bounce 弹飞绵羊
BZOJ2002 [Hnoi2010]Bounce 弹飞绵羊 Solution 很早以前写的一道分块题,最近在搞LCT,又做了一遍. 1.LCT做法 看到这种动态修改,想下LCT怎么维护. 修改操作就 ...
- CentOS 7修改yum源为阿里源
1.备份本地源 1 # mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo_bak 2.获取阿里yum源配置 ...
- 微信小程序 - 实战小案例 - 简易记事本
多项技能,好像也不错.学习一下微信小程序. 教程:https://mp.weixin.qq.com/debug/wxadoc/dev/ 简介:一套用来开发在手机微信上运行的app框架,不用安装 组成: ...
- 【xsy1281】 珠串 打表+乱搞or数位dp
题目大意:你要找出一个有$k$个的本质不同的$n$位二进制数的集合,使得集合中最大的数最小,请输出这个数 本质不同定义:对于一个数$k$,$rev(k)$,$~k$,$rev(~k)$与$k$本质相同 ...
- 原创:用python把链接指向的网页直接生成图片的http服务及网站(含源码及思想)
原创:用python把链接指向的网页直接生成图片的http服务及网站(含源码及思想) 总体思想: 希望让调用方通过 http调用传入一个需要生成图片的网页链接生成一个网页的图片并返回图片链接 ...