JavaScript三种创建构造函数的方式 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>JS三种创建构造函数方式</title>
 6 </head>
 7 <body>
 8 </body>
 9 <script>
10     //系统自带构造函数
11     var computer = new Object();
12     computer.color = "black";
13     computer.weight = "5kg";
14     computer.brand = "lenovo";
15     computer.watchMovie = function() {
16         console.log("看电影")
17     };
18     computer.coding = function() {
19         console.log("敲代码")
20     };
21     console.log(computer.color);
22     console.log(computer.weight);
23     console.log(computer.brand);
24     computer.watchMovie();
25     computer.coding();
26 
27     console.log("--------------------");
28     //自定义构造函数
29     function Computer(color,weight,brand) {
30         this.color = color;
31         this.weight = weight;
32         this.brand = brand;
33         this.watchMovie = function() {
34             console.log("看电影")
35         };
36         this.coding = function() {
37             console.log("敲代码")
38         };
39     }
40     var cp = new Computer("white","3kg","xiaomi");
41      console.log(cp.color);
42     console.log(cp.weight);
43     console.log(cp.brand);
44     cp.watchMovie();
45     cp.coding();
46 
47     console.log("--------------------");
48     //字面量方式创建构造函数
49     cp2 = {
50         color: "grey",
51         weight: "6kg",
52         brand: "hp",
53         watchMovie: function() {
54             console.log("看电影");
55         },
56         play: function() {
57             console.log("玩游戏");
58         }
59     };
60      console.log(cp2.color);
61     console.log(cp2.weight);
62     console.log(cp2.brand);
63     cp2.watchMovie();
64     cp2.play();
65 </script
66 </html>

 

posted @ 2019-06-13 11:30  jinfengJeff  阅读(856)  评论(0)    收藏  举报