Tag: JavaScript

2017
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();

0
Notes

充分理解闭包

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

2016
0
JavaScript

ES6-MIXIN

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