显性混入

  1. function mixin(sourceObj, targetObj) {
  2.     for (var key in sourceObj) {
  3.         if (!(key in targetObj)) {
  4.             targetObj[key] = sourceObj[key];
  5.         }
  6.     }
  8.     return targetObj;
  9. }
  11. var Vehicle = {
  12.     engines: 1,
  13.     ignition: function () {
  14.         console.log("Turning on my engine.");
  15.     },
  16.     drive: function () {
  17.         this.ignition();
  18.         console.log("Steering and moving forward");
  19.     },
  20. };
  22. var Car = mixin(Vehicle, {
  23.     wheels: 4,
  24.     drive: function () {
  25.         Vehicle.drive.call(this);
  26.         console.log("Rolling on all " + this.wheels + " wheels!");
  27.     },
  28. });

如果直接调用 Vehicle.drive() ，函数调用中的 this 会绑定到 Vehicle 对象而不是 Car 对象。（如果 Car.drive() 的名称标识符和 Vehicle.drive() 没有重叠则不需要使用 .call(this) 进行绑定。）