-
Notifications
You must be signed in to change notification settings - Fork 0
/
classes-in-javascript.html
78 lines (70 loc) · 1.8 KB
/
classes-in-javascript.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Classes In Javascript</title>
</head>
<body>
<h1>Classes In Javascript</h1>
<script>
class Person
{
constructor(name, age)
{
this.name = name;
this.age = age;
}
print()
{
console.log(`Hello ${this.name}, you are ${this.age} years old.`);
}
}
let person = new Person('John', 25);
person.print();
let person2 = new Person('Jane', 22);
person2.print();
class Employee extends Person
{
bonus = 0;
constructor(name, age, salary)
{
super(name, age);
this.salary = salary;
}
print()
{
super.print();
console.log(`Your salary is ${this.salary}`);
}
set bonus(bonus)
{
this.bonus = bonus;
}
get bonus()
{
return this.bonus;
}
}
let employee = new Employee('Jack', 30, 50000);
employee.print();
employee.bonus = 1000;
console.log(`Your bonus is ${employee.bonus}`);
console.log(`GETTERS AND SETTERS`);
let attendance={
_list: [],
set addName(name)
{
this._list.push(name);
},
get list()
{
return this._list.join(', ');
}
}
attendance.addName = 'John';
attendance.addName = 'Jane';
console.log(attendance.list);
</script>
</body>
</html>