修改decorator模式

oylx · Nov 13, 2019 · e5a753b · e5a753b
1 parent 03f514f
commit e5a753b
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 14 deletions.
diff --git a/designMode/DecoratorPattern/es7EditClass.js b/designMode/DecoratorPattern/es7EditClass.js
@@ -0,0 +1,20 @@
+const logWrapper = targetClass => {
+  let orignRender = targetClass.prototype.render
+  targetClass.prototype.render = function(){
+    console.log("before render")
+    orignRender.apply(this)
+    console.log("after render")
+  }
+  return targetClass
+}
+
+@logWrapper
+class App {
+  constructor() {
+    this.title = 'oylx'
+  }
+  render(){
+    console.log('渲染页面:' + this.title);
+  }
+}
+new App().render()
diff --git a/designMode/DecoratorPattern/es7Decorator.js → ...nMode/DecoratorPattern/es7EditProperty.js b/designMode/DecoratorPattern/es7Decorator.js → ...nMode/DecoratorPattern/es7EditProperty.js
diff --git a/designMode/DecoratorPattern/package-lock.json b/designMode/DecoratorPattern/package-lock.json
diff --git a/designMode/DecoratorPattern/package.json b/designMode/DecoratorPattern/package.json
@@ -11,7 +11,6 @@
   "devDependencies": {
     "@babel/core": "^7.7.2",
     "@babel/plugin-proposal-decorators": "^7.7.0",
-    "@babel/plugin-transform-runtime": "^7.6.2",
     "@babel/preset-env": "^7.7.1",
     "babel-loader": "^8.0.6",
     "html-webpack-plugin": "^3.2.0",

diff --git a/designMode/DecoratorPattern/webpack.config.js b/designMode/DecoratorPattern/webpack.config.js
@@ -1,7 +1,7 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 module.exports = {
   entry: {
-    app: './es7Decorator.js' // 需要打包的文件入口
+    app: './es7EditClass.js' // 需要打包的文件入口
   },
   module: {
     rules: [