zoukankan      html  css  js  c++  java
  • 在Javascript中定义并使用类

    Javascript也是一种面向对象的语言,在使用js的时候我们可能已经发现了他的面向对象的特征,可是我们怎么定义使用我们自己设计的类呢?这里我把我调查到的予以介绍一下

    1.类的定义
      在js中定义类有很多种方式,比如工厂方式、构造函数方式、原型方式、混全的构造函数/原型方式、动态原型方式、混合工厂方式等,这里只介绍动太原形方式。

      例如,我们定义一个“学生”类,字段有学号和姓名,方法有用于显示学生的学号和姓名。

        //类名
        function Student(id,name)  {
        
    //字段
            this._id = id;
            
    this._name = name;
            

            
    if(typeof Student._initialized == "undefined") {
                
            
    //方法
                Student.prototype.showStudent = function() {
                    
    return  "(" + this._id + ")" + this._name;
                };
                
                Student._initialized 
    = true;
            }
        }
        

    2.使用自定义的类

        function btnCreate_onclick() {
        
            
    var stu1 = new Student(txtID1.value,txtName1.value);
            
    var stu2 = new Student(txtID2.value,txtName2.value);
            alert(
    "Student1: " + stu1.showStudent() + "\n" + "Student2: " + stu2.showStudent());

        }


     

    提示:可以先在文本框内,根据需要修改代码后再运行


    3直接定义一个对象s

     // 创建对象

    var myobj = function()
         
    // 元素还没创建,未能访问 
         var a,b,c;
         
    // 私有变量 
      
         
    // 私有函数 
         var ss=function(){alert};
      
         
    // 公共空间 
         return { 
             
    // 公共的属性,如,要转
             // 公共方法 
             init: function() { 
                 alert(
    '应用程序初
            } 
        }; 
    }(); // 程序底部 
      

  • 相关阅读:
    LightOJ 1245(Harmonic Number (II))
    牛客练习赛13 乌龟跑步(DP)
    vue-cli 打包编译 -webkit-box-orient: vertical 被删除解决办法
    vue静态文件处理
    vue项目关闭eslint检查
    Mac 桌面软件开发基础问答
    Mac App开发
    mac os app 开发
    vue中html模板使用绑定的全局函数
    软件版本标识
  • 原文地址:https://www.cnblogs.com/gateluck/p/1121945.html
Copyright © 2011-2022 走看看