你不知道的JS 中——yield

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function *foo() { var x = yield 2; z++; var y = yield (x * z); console.lo…

这个坑比较深可能写完我也看不懂(逃 ES6提供了一个新的函数特性,名字叫Generator,一开始看到,第一反应是函数指针?然而并不是,只是一个新的语法. 入门简单来说,用法如下: function* fn() { console.log(1); //暂停! yield; //调用next方法继续执行 console.log(2); } var iter = fn(); iter.next(); iter.next(); 1.函数生成器特点是函数名前面有一个'*' 2.通过调用函数生成一个控…

读书笔记-你不知道的JS中-promise

之前的笔记没保存没掉了,好气,重新写! 填坑-- 现在与将来在单个JS文件中,程序由许多块组成,这些块有的现在执行,有的将来执行,最常见的块单位是函数. 程序中'将来'执行的部分并不一定在'现在'运行的部分执行完之后就立即执行,即异步执行将来的部分. //异步请求data数据 _.ajax('data'); //打印data数据 //一般情况下是打印不出来的 console.log(data); 一般的ajax请求都不是同步完成,如果要正确打印出data,最简单的方法是使用一个回调函数. //…

读书笔记-你不知道的JS中-promise(3)

坑坑坑关于术语:决议.完成以及拒绝. 首先观察Promise(..)构造器: var p = new Promise(function(x, y) { //x() 用于完成 //y() 用于拒绝 }) 该构造器接受一个函数,函数接受连个参数,参数也TM是函数... 第一个通常用于标识Promise已经完成,第二个总是用于标识Promise被拒绝.(这里用词很奇妙啊) 实际上,这只是形参的名字,作用是固定的. 第二个参数所有文献都将其命名为reject,因为拒绝就是它的作用. 第一个参数就比较模…

读书笔记-你不知道的JS中-promise(2)

继续填坑模式考虑下面的代码: function fn(x) { //do something return new Promise(function(resolve, reject) { //调用resolve(..)和reject(...) }); } var p = fn(2); new Promise(..)模式通常称为revealing constructor.传入函数会立即执行(不会像then(..)中的回调一样异步延迟),它有两个参数,分别为resolve和reject.这些是p…

js中为什么你不敢用 “==”

文章引用:http://0313.name/archives/480 前言类型转换在各个语言中都存在,而在 JavaScript 中由于缺乏对其的了解而不慎在使用中经常造成bug被人诟病.为了避免某些场景下的意外,甚至推崇直接使用 Strict Equality( === )来代替 ==.这确实能避免很多bug,但更是一种对语言不理解的逃避(个人观点). 引入先抛出在 You Don’t Know JavaScript (中) 看到的一个例子 [] == [] // false [] ==…

js 中的yield

yield是什么 yield是ES6的新关键字,使生成器函数执行暂停,yield关键字后面的表达式的值返回给生成器的调用者.它可以被认为是一个基于生成器的版本的return关键字. yield关键字实际返回一个IteratorResult(迭代器)对象,它有两个属性,value和done,分别代表返回值和是否完成. yield无法单独工作,需要配合generator(生成器)的其他函数,如next,懒汉式操作,展现强大的主动控制特性. yield应用的简单例子 demo1 如果你看到某个函数…

关于js中的this

关于js中的this this是javascript中一个很特别的关键字,也是一种很复杂的机制,学习this的第一步就是要明白this既不指向函数自身也不指向函数的词法作用域,this实际上是函数被调用时发生的绑定,它指向什么完全取决于函数在哪里被调用. 1. 调用位置现在来说一下调用位置:调用位置就是函数在代码中被调用的位置(而不是声明的位置). 那么怎么找到它的调用位置呢?最重要的是要分析“调用栈”(就是为了到达当前执行位置所调用的所有函数) function baz(){ //当前调用栈…

js中RHS与LHS区别

为什么区分RHS与LHS是一件重要的事情? 因为在变量没有声明(在任何作用域都找不到该变量的情况下),这两种查询的行为是不一样的. function foo (a) { console.log(a + b); return a + b; } foo(2); 第一次对b进行RHS查询是找不到该变量的.也就是说这是一个"未声明"的变量. 如果在rhs的所有嵌套的作用域查询中都无法找到该变量,js引擎就会抛出一个ReferenceError异常. ReferenceError是一个重要的异常…

翻译连载 | 第 9 章：递归（下）－《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇

原文地址:Functional-Light-JS 原文作者:Kyle Simpson-<You-Dont-Know-JS>作者关于译者:这是一个流淌着沪江血液的纯粹工程:认真,是 HTML 最坚实的梁柱:分享,是 CSS 里最闪耀的一瞥:总结,是 JavaScript 中最严谨的逻辑.经过捶打磨练,成就了本书的中文版.本书包含了函数式编程之精髓,希望可以帮助大家在学习函数式编程的道路上走的更顺畅.比心. 译者团队(排名不分先后):阿希.blueken.brucecham.cfanlife.d…