Home Explore Help
Sign In
lovecoding
/
web0715
10
0
Fork 0
Files Issues 0 Wiki
Browse Source

ts

e 6 months ago
parent
61220fe675
commit
c53b62d3a0
3 changed files with 95 additions and 1 deletions
Split View Show Diff Stats
  1. 44 0
      14.ts/4.面向对象/dist/7.属性的封装.js
  2. 1 1
      14.ts/4.面向对象/index.html
  3. 50 0
      14.ts/4.面向对象/src/7.属性的封装.ts

+ 44 - 0
14.ts/4.面向对象/dist/7.属性的封装.js
View File 

@@ -0,0 +1,44 @@
 
+(function () {
 
+    /***
 
+     * 只读 readonly
 
+     * 类 static
 
+     * 私有的 private：
 
+     *  只能在当前类中访问和修改
 
+     *  若是想要修改 则需要在类里进行定义方法
 
+     * 共有的 public
 
+     * 受保护的 protected
 
+     *  只能在当前类及当前类的子类中访问及使用
 
+     */
 
+    class Person {
 
+        constructor(name, age) {
 
+            this.name = name;
 
+            this.age = age;
 
+        }
 
+        /***
 
+         * 在属性的封装中
 
+         * 修改数据 通过setter => set
 
+         * 获取数据 通过getter => get
 
+         */
 
+        // name = '啧啧啧'
 
+        // getName() {
 
+        //     return this.name;
 
+        // }
 
+        // setName(a) {
 
+        //     this.name = a;
 
+        // }
 
+        get name1() {
 
+            return this.name;
 
+        }
 
+        set name1(b) {
 
+            this.name = b;
 
+        }
 
+    }
 
+    let p1 = new Person('哪吒', 7);
 
+    //   p1.name = '猪八戒';
 
+    console.log(p1.name1);
 
+    p1.name1 = '唐僧';
 
+    console.log(p1.name1);
 
+    // console.log(p1.name);
 
+    // console.log(p1.setName("猪八戒"))
 
+    // console.log(p1.getName())
 
+})();

+ 1 - 1
14.ts/4.面向对象/index.html
View File 

@@ -6,6 +6,6 @@
 
     <title>Document</title>
 
 </head>
 
 <body>
 
-    <script src="./dist/6.接口.js"></script>
 
+    <script src="./dist/7.属性的封装.js"></script>
 
 </body>
 
 </html>

+ 50 - 0
14.ts/4.面向对象/src/7.属性的封装.ts
View File 

@@ -0,0 +1,50 @@
 
+(function () {
 
+    /***
 
+     * 只读 readonly
 
+     * 类 static
 
+     * 私有的 private：
 
+     *  只能在当前类中访问和修改
 
+     *  若是想要修改 则需要在类里进行定义方法
 
+     * 共有的 public
 
+     * 受保护的 protected
 
+     *  只能在当前类及当前类的子类中访问及使用
 
+     */
 
+  class Person {
 
+    private name: string;
 
+    protected age: number;
 
+    constructor(name: string, age: number) {
 
+      this.name = name;
 
+      this.age = age;
 
+    }
 
+    /***
 
+     * 在属性的封装中 
+     * 修改数据 通过setter => set
 
+     * 获取数据 通过getter => get
 
+     */
 
+    // name = '啧啧啧'
 
+    // getName() {
 
+    //     return this.name;
 
+    // }
 
+    // setName(a) {
 
+    //     this.name = a;
 
+    // }
 
+    get name1() {
 
+        return this.name;
 
+    }
 
+    set name1(b) {
 
+        this.name = b;
 
+    }
 
+
 
+  }
 
+  let p1 = new Person('哪吒',7);
 
+//   p1.name = '猪八戒';
 
+  console.log(p1.name1)
 
+  p1.name1 = '唐僧';
 
+  console.log(p1.name1)
 
+// console.log(p1.name);
 
+// console.log(p1.setName("猪八戒"))
 
+// console.log(p1.getName())
 
+
 
+
 
+
 
+})();