ES6标准
1.函数扩展
ES6标准感觉越来越向传统语言靠拢了,以后写到ES6的标准都记录下:
var array = [,,]; // =>操作符
array.forEach(v => console.log(v));
是不是简化了回调函数的写法。
=>可以简化函数的写法
var single = a => a; //single为函数;参数为a,函数体就只有a;
console.log(single('hello, world'));
如果没有参数;那么写法如下:
var log = () => {
alert('no param');
}
注意点:
1.1.typeof运行符和普通的function一样
var func = a =>a;
console.log(typeof func); //function
1.2.this固定,不在善变
var obj= {
data:['John Backus','John Hopcroft'],
init:function(){
document.onclick = ev => {
alert(this.data);
}
}
}
obj.init(); //John Backus,John Hopcroft
1.3.箭头函数不能用new
var Person = (name,age)=>{
this.name= name;
this.age = age;
}
var p =new Person('John',33);
//Uncaught TypeError: (name,age)=>{(…)
1.4.不能使用argument
var func = ()= >{
console.log(arguments);
} //出错
//重要的莫过于class关键字;它提供类的创建,是JS语言的OOP编程更像JAVA\C++等语言。测试了下,居然不支持
class Animal {
//ES6的新型构造器
constructor(name){
this.name =name
}
sayName(){
console.log('My name is' + this.name);
}
}
class Programmer extends Animal {
constructor(name){
super(name);
}
program(){
console.log("I'm coding");
}
}
var animal = new Animal('dummy'),
wayou = new Programmer('wayou');
animal.sayName();
wayou.sayName();
wayou.program();
2.Object扩展
Object.is // 等价于"===";
Object.assgin(targetObj,sourceObj1,souceObj2......);
var x = Object.assign({}, undefined, {
sourceMap: 'xy'
});
console.log(x);
// {sourceMap: "xy"}
参考博客:http://blog.csdn.net/qq_30100043/article/details/53422657
方法name的属性
console.log((new Function()).name) //anonymous
var doSomething = function(){ }
console.log(doSomething.bind().name); //bound
3.模块扩展
import用法,看下列代码:
import Game from "./components/Game"
import Start from "./components/Start"
import Over from "./components/Over"
import AgainFail from "./components/AgainFail"
import CommitPhone from "./components/CommitPhone"
4.HTML5之FileReader的使用
转:http://blog.csdn.net/yaoyuan_difang/article/details/38582697
5.剩余操作符(rest operator) ...
var obj1 ={
'x': 'x1',
'y': 'y1'
};
var obj2 = {
...obj1,
'z': 'z1'
};
console.log('obj1=', obj1);
console.log('obj2=', obj2);
obj1.x = 'x3';
// 深拷贝 obj2不受到obj1变化的影响。
console.log('obj1=', obj1);
console.log('obj2=', obj2);
obj2 = {
...obj1,
'y': 'y2'
};
// 重复的y成员被替换
console.log('obj1=', obj1);
console.log('obj2=', obj2);
obj2 = {
y: 'y3',
...obj1
};
//安装顺序替换
console.log('obj2=', obj2);
// obj1= { x: 'x1', y: 'y1' }
// obj2= { x: 'x1', y: 'y1', z: 'z1' }
// obj1= { x: 'x3', y: 'y1' }
// obj2= { x: 'x1', y: 'y1', z: 'z1' }
// obj1= { x: 'x3', y: 'y1' }
// obj2= { x: 'x3', y: 'y2' }
// obj2= { y: 'y1', x: 'x3' }
6.import和require的区别
1.require可以在代码的任何地方,而import只能用到文件的头部
2.require赋值功能,import是编译功能,所有import的性能要优于require。
3.当import遇到了default,于require是是完全不同的两种概念。
4.建议require使路径用绝对路径,import使用相对路径。
ES6标准的更多相关文章
- ES6标准入门之变量的解构赋值简单解说
首先我们来看一看解构的概念,在ES6标准下,允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称作解构,简而言之粗糙的理解就是变相赋值. 解构赋值的规则是,只要等号右边的值不是对象或者数组 ...
- ES6标准简介之Babel转码器解说
ES6是ECMAScript 6的简称,是JavaScript语言的下一代标准,现在基于jquery库的前端开发js所使用的标准是ES5(ECMAScript 5).ES6已于2015年6月正式发布. ...
- ES6标准中的import和export
在ES6前, 前端使用RequireJS或者seaJS实现模块化, requireJS是基于AMD规范的模块化库, 而像seaJS是基于CMD规范的模块化库, 两者都是为了为了推广前端模块化的工具 ...
- 【学习笔记】ES6标准入门
这里简要记录一下对自己感触比较深的几个知识点,将核心的应用投放于实际的项目之中,提供代码的可维护性. 一.let和const { // let声明的变量只在let命令所在的代码块内有效 let a = ...
- ES6标准入门 第一章:简介
ECMAScript 6 是JavaScript 语言的下一代标准:发布于2015年,又称为ECMAScript 2015. ECMAScript 与 JavaScript 的关系:前者是后者的规范, ...
- 《ES6标准入门》(阮一峰)--11.对象的新增方法
1.Object.is() ES5 比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===).它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0.J ...
- 《ES6标准入门》(阮一峰)--8.函数的扩展
1.函数参数的默认值 基本用法 ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法. function log(x, y) { y = y || 'World'; console.log ...
- 《ES6标准入门》(阮一峰)--7.数值的扩展
1.二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示. 0b111110111 === 503 // true 0o767 === 503 ...
- ES6标准入门 2/26
第一章 ECMAScript6 简介 1.首先经典开头,ECMAScript跟JavaScript的关系,前者是后者的规格,后者是前者的一种实现.在日常场合中,这两个词是可以互换的. 2.ES6可以泛 ...
随机推荐
- Eclipse导入 appcompat,design兼容包
从Android studio推出1.0正式版后,就一直在as上开发项目,但是最近要测试一个项目,是eclipse结构,导入as后,是各种报错信息,决定改成eclipse. 其中项目中用到了ppcom ...
- [转]oracle设计数据库应选择正确的数据类型
原文地址:http://blog.sina.com.cn/s/blog_5014663501007n40.html 在设计数据库的时候,选择正确的数据类型,往往可以避免很多的问题,正确理解数据库的类型 ...
- 学习Spring(一) 实例化Spring IoC容器
实例化Spring IoC容器 1,读取其配置来创建bean实例 2,然后从Spring IoC容器中得到可用的bean实例 Spring提供两种IoC容器实现类型 a,一种为bean工厂 b,应用程 ...
- 【BZOJ 3053】The Closest M Points
KDTree模板,在m维空间中找最近的k个点,用的是欧几里德距离. 理解了好久,昨晚始终不明白那些“估价函数”,后来才知道分情况讨论,≤k还是=k,在当前这一维度距离过线还是不过线,过线则要继续搜索另 ...
- cygwin-安装断点续传
本文转载http://blog.chinaunix.net/uid-20178959-id-1731456.html 本文主要介绍正常下载安装(http://www.cnblogs.com/hwagg ...
- perl 变量 $/ 的用法解析
默认状态下,很显然都是用\n来区分行,\n也被我们称作为换行符.当读取序列时,按行来读取时,就是以换行符为标准. perl中"行"的概念就由$/决定. { $data = &quo ...
- 绘制图形与3D增强技巧(三)----三角形图元TRANGLE
1. glBegin(GL_TRANGLES); ........ glend(); 2.多边形的环绕方向:逆时针和顺时针的正反面 GLFront(GL_CCW)和GLFront(GL_CW); 3. ...
- oracle 10g 安装时字符集的选择,和后边的修改
先用system和密码登陆SQLPLUS,然后: 1.用sys登录到oracle中 connect sys/密码 as sysdba; (能直接以sys登陆到sqlplus吗?)2.开始修改编码 sh ...
- js-JavaScript高级程序设计学习笔记18
第21章 AJAX 4.跨域源资源共享 CORS跨域源资源共享,其背后思想,是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应是否应该成功. 1.IE对CORS的实现 在IE8中引 ...
- 华硕笔记本之secure boot
在ubuntu下安装cuda的时候,一直装不好,cuda-7.5.run已经装好了,但是编译cuda的例程时失败,提示cuda的库链接不上. 初步判断是secure boot的问题,因为在开启X的情况 ...