了解 Crockford 的无类 OOP 实现

Question

我一直在阅读有关在 JS 中执行 OOP 的不同方法。

Douglas Crockford 有一个有趣的方法，他似乎根本不使用委派。相反，对我来说，他似乎纯粹利用对象串联作为他的继承机制，但我很难说出发生了什么，我希望有人能提供帮助。

这是克罗克福德在他的一次演讲中给出的一个例子。

function constructor(spec) {
  let {member} = spec,
      {other}  = other_constructor(spec),
      method   = function () {
        // accesses member, other, method, spec
      };

  return Object.freeze({
      method,
      other
  });
}

这是来自 a gist

的示例

function dog(spec) {

  var { name, breed } = spec,
      { say }   = talker({ name }),
      bark = function () {

        if ( breed === 'chiuaua' ) {
          say( 'Yiff!' );
        } else if ( breed === 'labrador' ) {
          say('Rwoooooffff!');
        }

      };

  return Object.freeze({
    bark,
    breed
  });

}

function talker(spec) {

  var { name } = spec;
  var say = function(sound) {
        console.log(name, "said:", sound)
      }

  return Object.freeze({
    say
  });

}

var buttercup = dog({ name: 'Buttercup', breed: 'chiuaua' });

我对一些事情感到困惑。

我以前从未见过以这种方式使用对象文字。

他没有指定键值对，而只是用逗号分隔字符串。
他在作业的左侧使用它们

另外，冻结对象 he returns 有什么好处？

Answer 1

他没有指定键值对，而只是用逗号分隔字符串，他利用了 ES6 feature that converts the variable names of the values into string object keys for you.

{ bark, breed }

相当于：

{ bark: bark, breed: breed }

冻结对象的优点是不变性。一旦对象被冻结，它的属性就无法更改。

这很好，因为它有助于避免一些常见错误，例如由于拼写错误而试图更改不存在的属性，并阻止您（和其他编码人员）重新定义或向对象添加方法和属性创建后。

编辑：这里演示的另一个 ES6 特性是 destructuring.

var { name, breed } = spec;

相当于：

var name = spec.name,
    breed = spec.breed;

了解 Crockford 的无类 OOP 实现

Understanding Crockford's classless OOP implementation

javascript

oop

object

composition