学习es6

Author: 廖海兵

.eslintrc

@@ -48,6 +48,8 @@
     "import/default": 0,
     "import/no-duplicates": 0,
     "import/named": 0,
+    "no-proto": 0,
+    "no-prototype-builtins": 0,
     "import/namespace": 0,
     "import/no-unresolved": 0,
     "import/no-named-as-default": 2,

src/containers/Es6/Es6.js

@@ -11,10 +11,50 @@ export default class Es6 extends Component {
 
   componentWillMount() {
     //  this.testDemo();
+    this.testClassDemo();
   }
   printLine(args) {
-    console.log('-------------' + (args || '') + '-------------------');
+    console.log('-------------------' + (args || '') + '-------------------');
   }
+
+  testClassDemo() {
+    class Point {
+      constructor(x, y) {
+        this.x = x;
+        this.y = y;
+      }
+      toString() {
+        const value = 'x:' + this.x + ' y:' + this.y;
+        return value;
+      }
+    }
+    Object.assign(Point.prototype, {
+      sayHello() {
+        console.log('say hello');
+      }
+    });
+    const p = new Point(1, 2, 'bbc');
+    this.printLine(p.toString());
+    p.sayHello();
+    const a = p.__proto__.hasOwnProperty('toString');
+    console.log(a);
+
+    class GetSetClass {
+      get(name) {
+        return this[name];
+      }
+      set(name, value = '默认值') {
+        this[name] = value;
+      }
+    }
+
+    const gs = new GetSetClass();
+    gs.set('name01', '张三');
+    gs.set('name00');
+    console.log('--------', gs.get('name00'));
+    console.log('--------', gs.get('name01'));
+  }
+
   testDemo() {
     const arr = [1, 2, 3];
     const [a, b, c] = arr;

src/router/router.js

@@ -4,7 +4,7 @@ import { BrowserRouter as Router, Route } from 'react-router-dom';
 import { Utility, Navbar } from 'components';
 import pageComponent from 'containers';
 const {
-  App, Default, UserInfo, Counter, Home, Page1, Page2, Page3, Page4
+  App, Default, UserInfo, Counter, Home, Page1, Page2, Page3, Page4, Es6,
 } = pageComponent;
 const AppCfg = require('../config');
 
@@ -46,6 +46,7 @@ const getRouters = () => (
       <Route path="/page4" component={CreateComponent(Page4)} />
       <Route path="/counter" component={CreateComponent(Counter)} />
       <Route path="/userinfo" component={CreateComponent(UserInfo)} />
+      <Route path="/es6" component={CreateComponent(Es6)} />
     </App>
   </Router>
 );