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

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

继续填坑 模式 考虑下面的代码: 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…

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

好想要对象··· 函数的调用位置不同会造成this绑定对象不同.但是对象到底是什么,为什么要绑定他们呢?(可以可以,我也不太懂) 语法 对象声明有两个形式: 1.字面量 => var obj = { ... }; 2.构造形式 => var obj = new Object(); 两种形式生成的对象是一样的,唯一的区别是,在文字声明中可以添加多个键值对,构造形式只能逐个添加. 类型 JS中有六种主要类型:string.number.booleam.null.undefined.object.…

关于this 与静态词法作用域不用,this的指向动态绑定,在函数执行期间才能确定.感觉有点像C++的多态? var a = 1; var obj = { a: 2, fn: function() { console.log(this.a); } }; obj2 = { a: 3, fn: obj.fn }; //通过对象调用 this指向obj obj.fn(); //通过函数调用 this指向window setTimeout(obj.fn, 0); obj2.fn(); 这个例子很好理解,…

函数作用域 Javascript具有基于函数的作用域,每声明一个函数,都会产生一个对应的作用域. //全局作用域包含f1 function f1(a) { var b = 1; //f1作用域包含a,b,f2 function f2() { //f2有自己的 //...代码 } return a + b; } //无法从外部访问内部作用域 console.log(b); //error IIFE 如果需要封装某些变量,但同时不想多出一个函数名与调用函数,可以使用IIFE,立即执行函数. var…

JS引擎 编译与执行 Javascript引擎会在词法分析和代码生成阶段对运行性能进行优化,包含对冗余元素进行优化(例如对语句在不影响结果的情况下进行重新组合). 对于Javascript来说,大部分情况下编译发生在代码执行前的很短时间内,涉及的概念有引擎.编译器.作用域. 变量声明例如var a = 2这条表达式,编译阶段会先查询作用域是否有同名变量,如果有就忽略声明(仅仅忽略var的声明),继续编译.如果没有,会在当前作用域的变量集合中创建一个变量,命名为a. { //编译阶段找不到a 执行…

继承 mixin混合继承 function mixin(obj1, obj2) { for (var key in obj2) { //重复不复制 if (!(key in obj1)) { obj1[key] = obj2[key]; } } return obj1; } 这种复制是浅复制,对象或者数组函数等都是同一个引用,改变obj1的会同时影响obj2. 寄生继承 ... 隐式继承 子类调用fn.call(this) 深拷贝需要重新声明一个变量(对象),遍历(递归)复制,详情见我的函数技巧…

闭包定义 当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行. 看一段最简单的闭包代码: function foo() { var a = 2; //闭包 function bar() { console.log(a); } return bar; } //理论上 foo执行完内部数据会被销毁 //由于闭包的作用 作用域一直保持 var baz = foo(); baz(); bar()函数可以访问foo()的作用域,通过foo()执行后,返回bar()并当…