JavasSript中类的实现

news/2025/2/22 20:08:00

一、定义类并创建实例

     function MyClass() {
        this.id = 5;
        this.name = 'myclass...';
     }

这样,我们就定义了一个MyClass类,里面有两个公共属性 id 和 name。其中this关键字表示当前对象,类似于C#等强类型语言。
注意:列出属性的同时必须对属性进行赋初值,这样JS才会将其解释为对象的属性。

接下来我们可以这样定义类的实例(其中 new 不可省略):
var my = new MyClass();
并以下列形式访问类属性:
my.id

二、定义公有属性和私有字段
在function中,用var定义的变量为私有变量,可以理解为类的私有字段;

用this定义的变量为公有属性。

function MyClass() {
        this.id = 5;
        var name = 'myclass...';
     }

     my = new MyClass();
     alert(my.id);
     alert(my.name);
     //结果
     // 5
     // undefined

     

三、定义公有方法和私有方法
用var定义的方法为私有方法;

用this定义的方法为公有方法。

function myClass() {
        this.id = 5;
        this.alert = function(msg) {
           window.alert(msg);
        }
     }

     my = new myClass();
     my.alert('the function alert is called...');
     //结果
     // the function alert is called...

如果将上述代码的
this.alert = function(msg)
改成
var alert = function(msg)
那么就不能用my.alert来调用这个方法了。私有方法只能供类内部的其他方法调用。

定义公有方法(实例方法)还有另一种形式,就是利用 prototype 属性,
其实prototype 属性还可以用来扩展内置类的实例方法的,比如去掉字符串两边空格的 trim 方法:String.prototype.trim = function() { return ... }

 function myClass() {
         this.id = 5;
     }
     myClass.prototype.alert = function(msg) {
         window.alert(msg);
     }
     var my = new myClass();
     my.alert('the function alert is called...');
    

将和上面显示同样的结果。

四、构造函数
新建对象(my = new myClass();)和调用函数(myClass())是相似的,所以我们自然想到为函数添加一些参数,在调用此函数时输入一些参数。新建对象也是一样的。看下面的示例:

 function myClass(id, name) {
        this.id = id;
        this.name = name;
     }

     var my = new myClass(5, 'test name ...');
     alert(my.id);
     alert(my.name);
     // 结果
     // 5
     // test name ...

这样定义的构造函数有个局限性,实例化对象的时候如果没有传参数,或少传参数,那么没有实参的参数值将会是undefined,比如将上面代码的对象实例化改为:
var my = new myClass(5);

输出结果将会变成:
     // 5
     // undefined

为了让属性具有默认值,比如 int 默认是 0 ,可以采用以下方法,虽然比较麻烦。

  function myClass(id, name) {
        this.id = 0;    //整型默认为0
        this.name = ''; //字符串默认为空字符串

        if (id != null) { //当 id=undefined 时 id==null 依然为true
           this.id = id;
        }
        if (name != null) {
           this.name = name;
        }
     }

     var my = new myClass();
     alert(my.id);
     alert(my.name);
     //结果
     // 0
     // (空字符串)

   

这样的情况下,延伸出另一个问题,就是你无法在构造函数中初始化 id 为 null 。总之,一切看个人需要,灵活应用便是。

五、静态属性和静态方法
静态的属性和方法是在定义了类之后定义的。如下例:

 function myClass() {
        this.id = 5;
     }

     myClass.count = 0; //静态属性
     myClass.staticFun = function() { //静态方法
        alert(++myClass.count);
     }

     var my = new myClass();
     alert(my.id); //用实例访问实例属性
     alert(myClass.count); //用类名访问静态属性
     myClass.staticFun();  //用类名访问静态方法
     //结果
     // 5
     // 0
     // 1


六、类的继承
在JS中实现类的继承,实际上是用到了类的另一种创建方式,先创建基类的一个对象,再为这个对象添加新的属性和方法,然后再返回这个对象。

function baseClass() {
            this.id = 5;
        }
        function myClass() {
            var my = new baseClass();
            my.name = 'className';
            my.testFun = function() {
                alert(my.name); //this.name 也可以
            }
            return my;
        }
        var my = new myClass();
        alert(my.id);
        alert(my.name);
        my.testFun();
        // 结果
        // 5
        // className
        // className

http://www.niftyadmin.cn/n/1996165.html

相关文章

什么是DIY

什么是DIY最佳答案DO IT YOURSELF的缩写 就是自己动手啦 DIY是"Do It Yourself" 的英文缩写。兴起于近几年,逐渐成为一种流行。简单来说,DIY就是自己动手,没有性别、年龄的区别,每个人都可以自己做,利用DIY做…

华中师范大学计算机考研难度如何,华中师范大学考研难吗?一般要什么水平才可以进入?...

问:从华中师范大学毕业的学生就业怎么样?值不值得报考?答:从2020年华中师范大学就业质量报告来看:2020届硕士毕业生就业率为73.11%。硕士毕业生就业行业中教育为64.10%、信息传输、软件和信息技术服务业为10.44%、金融…

2019前端面试题(浏览器、协议安全篇)

在此分享、整理前端面试题,如有解答错误的地方,烦请各位大佬指正,感谢!! 请描述一下cookie、sessionStorage、localStorage的区别 存储大小:cookie数据不能超过4k,sessionStorage和localStorage…

asp.net伪静态IIS下配置

①&#xff1a;首先要有这个文件URLRewriter.dll,如果没有,赶快到网上下载一个,并将其放到下面的bin目录里面,并且将其引用添加到下面里面; ②&#xff1a;下面就是Web.Config文件的配置了,当然,配置过程相当简单&#xff1a; 1&#xff1a;先添加这个 <configSections>…

小学计算机课程表说课稿,小学信息技术《创建课程表》说课稿

小学信息技术《创建课程表》说课稿一、说教材。1、教材分析。本课是省编信息技术教材第三册第七课&#xff0c;是在学生掌握了用wps软件进行简单文字处理的基础知识&#xff0c;以及基本操作的基础上学习的&#xff0c;主要让学生了解表格在文档中的作用&#xff0c;表格的组成…

Java获取系统基础参数信息

一、JVM已经帮我们读取了系统信息 public void testSystemParam(){Properties p System.getProperties();Iterator it p.entrySet().iterator();while(it.hasNext()){Map.Entry entry (Map.Entry) it.next();System.out.println(entry.getKey()" : "entry.getValu…

basic_string

basic_string < charT, traits, Alloc > Category: containers Description basic_string 是基于字符序列容器(Sequence)的模板类, 包含了说有序列容器的常用操作&#xff0c;同时也包含了字符串的标准操作&#xff0c;如"查找"和"合并" 。 basi…

JavasSript只能输入数字和小数点

文本框只能输入2位小数的数值 $("input[id^Money]").keyup(function () {var t $(this).val();0 /^(([1-9]{1}\d*)|([0]{1}))(\.(\d){0,2})?$/.test(t) && 0 ! t && "" ! t && $(this).val(format_coin(t, 2)) })function for…