• 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>
  • 相关阅读:
    01 LabVIEW的类中各个Scope的范围
    00 LabVIEW中类的动态类型处理
    人不知而不愠,厚积薄发
    00 EPLAN安装问题
    01@MySQL_Course_LabVIEW+MySQL程序开发
    UML用例图
    uml 之顺序图
    C# stringFormat 时间格式转换
    CentOS 7 网络配置
    PHPStorm常用快捷键
  • 原文地址:https://www.cnblogs.com/jinfengJeff/p/11015193.html
Copyright © 2020-2023  润新知