• JS面向对象编程创建类的方式


    js创建类的方式有几种,大致如下:

    1,构造函数方式:

      function Car(parameters) {
                this.name = "objectboy";
            }
    
            var cat1 = new Car();
            console.log(cat1.name);
    

    2,Object.create()

    var Cat = {
        name: "大毛",
        makeSound: function(){ alert("喵喵喵"); }
      };
    
     var cat1 = Object.create(Cat);
      alert(cat1.name); // 大毛
      cat1.makeSound(); // 喵喵喵
    

    感觉有点复杂

    3,最简单的方式

        var Car = {
                CreateNew: function() {
                    var cat = {};
                    cat.name = "objectboy";
                    cat.age = 26;
                    cat.makeJS = function() {
                        alert("我是objectboy");
                    };
                    return cat;
                }
            };
            var cat1 = Car.CreateNew();
            console.log(cat1.name);
            cat1.makeJS();
    

    个人认为第三种从理解方面来说是最好的,

    继承特性:

      var sl = {
                CreateNew: function () {
                    var cat = {};
                    cat.sleep = function() {
                        alert("objectboy在睡觉");
                    };
                    return cat;
                }
            }; //先定义一个需要继承的类
          var Car = {
                CreateNew: function() {
                    var cat = sl.CreateNew(); 
                    cat.name = "objectboy";
                    cat.age = 26;
                    cat.makeJS = function() {
                        alert("我是objectboy");
                    };
                    return cat;
                }
            };
            var cat1 = Car.CreateNew();
            console.log(cat1.name);
            cat1.makeJS();
            cat1.sleep(); //调用继承方法
    

      

  • 相关阅读:
    JavaWeb笔记
    Session案例_登录注销
    会话
    Cookie入门
    jsp入门
    if else优化
    cheap-source-map--不显示源码 、source-map--显示源码 、 eval--最快的编译办法
    npm run dev 克隆报错
    $emit和$on的用法
    npm
  • 原文地址:https://www.cnblogs.com/objectboy/p/4006189.html
Copyright © 2020-2023  润新知