JavaScript
Least2727
进击的前端实习生
展开
-
JavaScript设计模式--原型模式
function Person(){}Person.prototype.name = "jianweis";Person.prototype.age = "22";Person.prototype.job = "no";Person.prototype.sayName = function(){ alert(this.name);}var person1 = new Person...原创 2018-07-08 14:22:46 · 191 阅读 · 0 评论 -
JavaScript的设计模式--工厂模式和构造函数模式
一、工厂模式function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); } return o;}var pe...原创 2018-07-07 21:20:56 · 297 阅读 · 1 评论 -
在使用es6语法class的时候,babel到底做了什么?
自从有了webpack之后,我们这些jscoder似乎得到了前所未有的解放,箭头函数,对象解构,let,const关键字,以及class、extends等等关键字使用得不亦乐乎,反正,webpack会帮我们把这些es6代码转换成浏览器能够识别的es5代码,那么,我们有多少人真正的看过,babel转换之后的代码呢?今天,我就来看一下,当我们使用关键词class的时候,babel到底做了什么?我推荐打...转载 2018-07-15 10:30:26 · 1282 阅读 · 0 评论 -
使用js实现Promise
一、什么是promisePromise的出现,原本是为了解决回调地狱的问题。以我们平常使用的ajax请求为例:传统js方法:getData(method, url, successFun, failFun){ var xmlHttp = new XMLHttpRequest(); xmlHttp.open(method, url); xmlHttp.send(); xmlHttp....原创 2018-07-15 18:14:45 · 4147 阅读 · 0 评论 -
异步神器--async
一、含义学过ES6的同学大概都熟悉Generator函数,那么async可以说是Generator的语法糖,它让异步操作变得更加方便。二、语法特点const asyncDemo = async function () { await fn(); await fn2(); await fn3(); }asyncDemo();可以看出async函...原创 2018-08-05 23:18:37 · 562 阅读 · 0 评论