箭头函数,类,export、import、export default(每日总结)

2016-09-24 22:24:35:  

箭头函数:

1. 一个只有一个参数的箭头函数

var log = param => { alert(param); }

2. 有多个参数的箭头函数

var log = (paramA, paramB) => {alert(paramA);}

3. 箭头函数返回一个值(数值、字符串普通类型)

var log = param => { return param; }

4. 返回一个对象

var log = (paramA, paramB) => { return { 'a':paramA, 'b':paramB }; }

箭头函数几个特性:

1. this: 会自己定义一个this

ES6:

编译后:

2. apply&call无法改变箭头函数的this指向

类(class):

1. 每个类都需要有constructor构造方法,它会在实例化时被调用,如果不指定(手写),就会自动生成一个不带参数的构造函数

2. 如果子类在原型上继承父类,就必须在子类的constructor中指定super方法,否则实例化时报错

3. 如果没有置顶consructor,默认带super方法的constructor将会被自动添加

export&import&export default:

1. 导出一个变量,导入一个变量

export var name = 'zhangsan';

import { name } from './test.js';

2. 导出多个变量,导入多个变量

var name = 'zhangsan';

var age = '25';

export { name, age };

import { name, age } from './test.js';

3. import 整体模块导入

import * as allExport from './test.js';

4. export default可以加载默认模块,并且不需要花括号指定导出的模块,一个模块只能使用一次

export default function getAge() {} 

import test from './test.js';


精品书籍

更多

HTML5与CSS3权威指南代码清单
Sass和Compass设计师指南
JavaScript框架高级编程