canvas教程

人人都要学会使用的ES6语法与技巧

字号+ 作者:H5之家 来源:H5之家 2017-08-15 17:03 我要评论( )

人人都要学会使用的ES6语法与技巧,来个复杂一点的看看是什么样子?

使用箭头函数简单实现高阶函数扁平化 const setValue = id => value =>document.getElementById(id).value = value; const setHtml = id => value => document.getElementById(id).innerHTML = value;

来个复杂一点的看看是什么样子?

const infoAction = {type: 'ADD_INFO', payload: {name: 'Brian', framework: 'Angular'}} const anotherPersonInfo = person(undefined, infoAction); const hoursWorked = (state = 0, action) => { switch(action.type){ case 'ADD_HOUR': return state + 1; case 'SUBTRACT_HOUR': return state - 1; default: return state; } } const myReducers = {person, hoursWorked}; const combineReducers = reducers => (state = {}, action) => { return Object.keys(reducers).reduce((nextState, key) => { nextState[key] = reducers[key](state[key], action); return nextState; }, {}); }; const rootReducer = combineReducers(myReducers); const firstState = rootReducer(undefined, {type: 'ADD_INFO', payload: {name: 'Brian'}}); const secondState = rootReducer({hoursWorked: 10, person: {name: 'Joe'}}, {type: 'ADD_HOUR'});

能说出最后输出的结果是啥吗?

JSON内部可以直接书写不带function后缀的函数 const tools = { isMobile(){}, isCard(){}, isAndroid(){}, isPc(){} } 使用default与不使用default声明的区别 1 export class Application{} 2 export default class Application{}

以上类的声明在使用的时候有什么区别?

1 import { Application } from './app.ts'; 2 import Application from './app.ts'; 使用自动属性GET/SET export class UserInfo{ _name: string = 'mntx'; set name(name){ this._name = name; } get name(){ return this._name; } }

未完待续

天之骄子
2017.8.13 深圳 星期日

查看原文: 人人都要学会使用的ES6语法与技巧

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 郑雷:初创企业应学会利用画布模型布局商业模式

    郑雷:初创企业应学会利用画布模型布局商业模式

    2017-04-25 11:00

  • 7个案例教你学会制作HTML5 Canvas动画

    7个案例教你学会制作HTML5 Canvas动画

    2017-02-20 16:01

  • 三天学会HTML5——SVG和Canvas的使用

    三天学会HTML5——SVG和Canvas的使用

    2016-02-06 12:00

网友点评
i