JavaScript中类的概念和this的理解

最新推荐文章于 2024-12-12 10:04:56 发布

转载最新推荐文章于 2024-12-12 10:04:56 发布 · 742 阅读

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了JavaScript中的类概念及其使用方式，对比了Java中的类定义，并详细解释了如何在JavaScript中自定义类及其实例化过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js当然有类的概念，而且它和java一样，被设计成纯粹的面向对象的语言。js是弱类型语言，但这个并不意味着它没有类的概念。很明显地，我们经常能看到new Date()、new Array()之类的调用。这不就是类吗？

一、定义类

那我们如何在js中自定义一个类呢？其实应该换个说法，我们该怎么获取一个某种自定义类型的对象。

      // 自定义类Class
     
      function 
      Class(){
     
      }
     
      // 实例化Class
     
      var 
      clazz = 
      new 
      Class();

没错，上面就是一个自定义类型对象的获取方式。我们将一个函数视作构造函数，然后配合new关键字调用这个函数，它就会返回某一类型的对象。如果我们执行clazz instanceof Class，返回结果就是true，说明clazz确实是Class类的实例。

基于题主应该对java比较了解，那么我就将上面的js代码翻译成对应的java代码以便理解：

      public 
      class 
      Class{
     
      }
     
      Class clazz = 
      new 
      Class();

与Java一样，js中所有对象都是默认继承自Object类的，所以无论是js还是java，执行clazz instanceof Object返回的都是true。

二、成员变量

我们知道，所谓成员变量，是指这个类的实例对象具有哪些属性。先看看Java中如何定义成员变量：

      public Class {
     
      public String name;
     
      public int length = 0;
     
      }

然后对照js代码：

      function 
      Class(){
     
      this
      .name = 
      null
      ;
     
      this
      .length = 0;
     
      }

这里引出一个this，在js中，简单来讲，this就是指向当前对象，但实际上js中的this并不好理解，这里也不会试图讲清楚js中this怎么用。