当前位置：首页 > article >正文

网页前端开发之Javascript入门篇(6/9)：类与实例

article 2024/10/7 5:08:52

Javascript类与实例

什么是类与实例?
答：其概念跟 Python教程介绍的一样，只是语法上有所变化。

下面是创建类的病灶

class Human
{
  constructor()
  {
    this.age = 0;
    this.sex = '';
  }
  eat(food)
  {
    console.log("我在吃", food);
  }
  run(km)
  {
    console.log('我跑了', km, "千米");
  }
}

其中
class 是创建类的关键字，加个空格之后，写入一个自定义类名，最后用大括号括住其所有子语句。
consturtor 是一个特定的函数名，称为：构造函数。
它会在类实例创建后，立马被 Javascript 自动调用。
this 与 Python 的 self 参数一样代表当前调用该函数的实例变量，
不同的是它是以一个关键字出现，而不再占据函数的第一位参数。

它的类属性必须在构造函数中通过this.变量名的语法来初始化值，
它的类方法无需写入function关键字。

下面是创建实例的语法：

// 1.先创建类
class Human
{
  constructor()
  {
    this.age = 0;
  }
  eat(food)
  {
    console.log("我在吃", food);
  }
  info(self)
  {
    console.log("我的年龄", this.age);
  }
}
// 2.再创建类的实例
张三 = new Human();  // 新实例1（变量名也可以是中文）
张三.age = 24;
张三.eat("馒头");
// 输出：我在吃 馒头
张三.info();
// 输出：我的年龄 24
李四 = new Human();  // 新实例2
李四.age = 18;
李四.eat("火腿肠");
// 输出：我在吃 火腿肠
李四.info();
// 输出：我的年龄 18

其中
new 是创建实例的关键字，加个空格之后，写入目标类名，配上一对括号，即可创造出一个全新的实例。

若要更新目标实例的类属性，请使用 实例名 加上一个点，再接上变量的语法即可，
若要调用目标实例的类方法，请使用 实例名 加上一个点，再接上函数的语法即可。

请在 MinWegPage 上直接在线编写和运行本篇代码，无需安装任何环境。

本篇的练习题如下：

第1题
1.创建一个类Human，并包含变量name。
2.创建类实例aaa，为其name赋值为你的名字，最后打印其值。
第2题
1.创建一个类Human，并包含函数speak（说话）。
speak函数会打印：你好
2.创建类实例aaa，再调用其speak函数。
第3题
1.创建一个类Human，并包含变量name（名字）和函数speak（说话）。
speak函数会打印：你好,我是self.name
2.创建类实例aaa，为其name赋值为你的名字再调用speak函数。

请认真完成所有练习题，勤加练习有助于快速提升你的编程能力。
更多练习题在 https://www.min2k.com/course/docs/web-client/class-and-instance

查看全文

http://www.kler.cn/news/335543.html