IMAGE加载 Callback Hell function loadImg(src,callback,fail) { var img = document.createElement('img'); img.onload = function() { callback(img) } img.onerror = function() { fail(); } img.src=src; } var src = "...."; loadImg(src,function(img) { cons…

浅谈ES6原生Promise 转载 作者:samchowgo 链接:https://segmentfault.com/a/1190000006708151 ES6标准出炉之前,一个幽灵,回调的幽灵,游荡在JavaScript世界. 正所谓: 世界本没有回调,写的人多了,也就有了})})})})}). Promise的兴起,是因为异步方法调用中,往往会出现回调函数一环扣一环的情况.这种情况导致了回调金字塔问题的出现.不仅代码写起来费劲又不美观,而且问题复杂的时候,阅读代码的人也难以理解. 举例如下…

开发|浅谈python基础知识 最近复习一些基础内容,故将Python的基础进行了总结.注意:这篇文章只列出来我觉得重点,并且需要记忆的知识. 前言 目前所有的文章思想格式都是:知识+情感. 知识:对于所有的知识点的描述.力求不含任何的自我感情色彩. 情感:用我自己的方式,解读知识点.力求通俗易懂,完美透析知识. 目录 变量与常量的命名 变量的底层创建 注释方式 交互input函数 格式化输出 运算符 流程控制 正文 正文的主要讲述内容包括:变量与常量的命名:底层变量的创建方式:注释方式:交互i…

ES6的了解 新增模板字符串(为JavaScript提供了简单的字符串插值功能).箭头函数(操作符左边为输入的参数,而右边则是进行的操作以及返回的值Inputs=>outputs.).for-of(用来遍历数据—例如数组中的值.)arguments对象可被不定参数和默认参数完美代替.ES6将promise对象纳入规范,提供了原生的Promise对象.增加了let和const命令,用来声明变量.增加了块级作用域.let命令实际上就增加了块级作用域.ES6规定,var命令和function命令声明的…

本文是借鉴于ac黄的博客. 接触es6也有几个月了,貌似没有系统的去学习过它,总是用到什么,查查什么.今天就说下es6中的promise对象. 先说说promise解决了什么问题? 写前端的同学都经常遇到这种问题:在多个接口异步请求数据,然后利用这些数据来进行一系列的操作.一般如下实现: $.ajax({ url: '......', success: function (data) { //基于data,才能进行下发操作 $.ajax({ url: '......', success: fun…

https://segmentfault.com/a/1190000000684654 What? Promise是CommonJS的规范之一,拥有resolve.reject.done.fail.then等方法,能够帮助我们控制代码的流程,避免函数的多层嵌套.如今异步在web开发中越来越重要,对于开发人员来说,这种非线性执行的编程会让开发者觉得难以掌控,而Promise可以让我们更好地掌控代码的执行流程,jQuery等流行的js库都已经实现了这个对象,年底即将发布的ES6也将原生实现Promi…

今天来谈一下箭头函数, es6的新特性 首先我们来看下箭头函数长什么样子, let result = (param1, param2) => param1+param2; 上述代码 按照以前书写应该是 : function add(param1, param2){ return param1+param2; } 当 只有一个参数时,还可以简写为: let result = v => 5+v; 箭头函数不支持 arguments 当有多个参数时,比如10个参数时, 我们就不能用arguments…

Generator 熟悉ES6语法的同学们肯定对Generator(生成器)函数不陌生,这是一个化异步为同步的利器. 栗子: function* abc() { let count = 0; while(true) { let msg = yield ++count; console.log(msg); } } let iter = abc(); console.log(iter.next().value); // 1 console.log(iter.next('abc').value); /…

ECMAScript6.0(简称ES6)是javaScript语言的下一代标准,已经在2015年6月正式发布了.它的目标,使得javaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言.各大浏览器的最新版本,随着时间的推移,支持度已经越来越高了,ES6的大部分特性都实现了.那么也就意味着低版本浏览器是不支持ES6的. 本次我会从以下十点来做讲解: 一.let 和 const 二.变量解构赋值 三.字符串扩展 四.数值扩展 五.数组扩展 六.函数扩展 七.对象扩展 八.Set 和…

面试中喜闻乐见的问题就是问我们的ES6新增了哪些个新特性 这篇文章一起学习一下新增的数据类型:Symbol JS的原始数据类型:6种Boolean,String,Undefined,NULL,Number,Symbol(ES6新增) 原始的数据类型种不包含object这点需要注意.Symbol是用来干什么的:用来区分我们的属性名的,用来定义对象的唯一属性名. console.log(typeof Symbol("Alice")) // 输出:symbol 我们通过Symbol函数来生成…