Home

2017
0
JavaScript

函数柯里化

函数柯里化定义柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。 函数柯理化实现

0
JavaScript

JavaScript 事件详解

事件冒泡与捕获 冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。IE 5.5: div -> body -> documentIE 6.0: div -> body -> html -> documentMozilla 1.0: div -> body -> html -> document -> window 捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。 DOM事件流：同时支持两种事件模型：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流会触及DOM中的所有对象，从document对象开始，也在document对象结束。DOM事件模型最独特的性质是，文本节点也触发事件(在IE中不会)。

0
Notes

充分理解闭包

闭包定义 函数定义时的作用域链到函数执行时依然有效 函数体内部到变量都可以保存在函数作用域内 闭包可以访问它被创建时候到上下文环境

0
JavaScript

类的继承

混合复制 //复制source对象的属性 function mixin(source, target) { for (var key in source) { if (!(key in target)) { target[key] = source[key]; } } return target; } var Vehicle = { engines: 1, ignition: function() { console.log(" Turning on my forward! "); }, drive: function() { this.ignition(); console.log(" Steering and moving forward! "); } }; //Car复制Vehicle的属性值和函数引用 var Car = mixin(Vehicle, { wheels: 4, drive: function() { //显示指定Vehicle对象调用dirve方法 //如果直接执行Vehicle.dirve()，函数调用中的this就会绑定到Vehicle上，所以使用.call(this)来确保dirve在Car对象的上下文中执行; Vehicle.drive.call(this); console.log(" Rolling on all " + this.wheels + "wheels!"); } }); Car.drive();

2016
0
JavaScript

ES6-MIXIN

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 //通过class实现混入//extends 可以继承动态构造的类const Mixin = Sup => class extends Sup { //构造方法 //this关键字则代表实例对象