声明构造函数

脱去class的语法糖-1.png

属性声明及赋值

脱去class的语法糖-2.png

静态属性声明及赋值

脱去class的语法糖-3.png

原型方法及静态方法赋值

脱去class的语法糖-4.png

将属性和静态属性声明及赋值部分整理成函数

脱去class的语法糖-5.png

再来一个批量操作属性

脱去class的语法糖-6.png

将原型方法和静态方法也统一使用一个函数处理

脱去class的语法糖-7.png

增加一个错误机制

脱去class的语法糖-8.png

完整代码

  1. "use strict";
  2. /**  
  3.  * 当你使用构造函数(Parent)的 call 的时候  
  4.  * 判断你传的 实例对象 的原型链上是否存在此构造函数  
  5.  * 如果不存在则直接报错  
  6.  */  
  7.  function _classCallCheck(instance, Constructor) {
  8.   if (!(instance instanceof Constructor)) {
  9.     throw new TypeError("Cannot call a class as a function");
  10.   }
  11. }
  13. function _defineProperties(target, props) {
  14.   for (var i = 0; i < props.length; i++) {
  15.     var descriptor = props[i];
  16.     // 默认不可枚举  
  17.     descriptor.enumerable = descriptor.enumerable || false;
  18.     // 默认是可配置的  
  19.     descriptor.configurable = true;
  20.     // 当有属性已经赋值了 则为可写属性  
  21.     if ("value" in descriptor) descriptor.writable = true;
  22.     Object.defineProperty(target, descriptor.key, descriptor);
  23.   }
  24. }
  26. function _createClass(Constructor, protoProps, staticProps) {
  27.   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
  28.   if (staticProps) _defineProperties(Constructor, staticProps);
  29.   /**  
  30.    * 将 prototype 设置为不可重写性质  
  31.    * 防止直接重写 prototype  
  32.    *  
  33.    * Parent.prototype = {...}  
  34.    */  
  35.   Object.defineProperty(Constructor, "prototype", { writable: false });
  36.   return Constructor;
  37. }
  39. function _defineProperty(obj, key, value) {
  41.   if (key in obj) { // 判断对象上是否存在该属性  
  42.     // 如果存在就改变 变量值 且 变成 可枚举 可写 可配置属性  
  43.     Object.defineProperty(obj, key, {
  44.       value: value,
  45.       enumerable: true,
  46.       configurable: true,
  47.       writable: true
  48.     });
  49.   }
  50.   // 如果不存在就直接赋值就好了  
  51.   else {
  52.     obj[key] = value;
  53.   }
  54.   return obj;
  55. }
  57. var Parent = /*#__PURE__*/ (function () {
  58.   function Parent() {
  59.     _classCallCheck(this, Parent);
  61.     _defineProperty(this, "valueA", void 0);
  63.     _defineProperty(this, "valueB", "B");
  64.   }
  66.   _createClass(
  67.     Parent,
  68.     [
  69.       {
  70.         key: "func",
  71.         value: function func() { }
  72.       }
  73.     ],
  74.     [
  75.       {
  76.         key: "staticFunc",
  77.         value: function staticFunc() { }
  78.       }
  79.     ]
  80.   );
  82.   return Parent;
  83. })();
  85. _defineProperty(Parent, "staticValueA", void 0);
  87. _defineProperty(Parent, "staticValueB", "B");