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

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