Class in ECMAScript 5
function PersonType(name) {
this.name = name;
}
PersonType.prototype.sayName = function() {
console.log("your name:" + this.name);
}
let person = new PersonType("leo");
person.sayName();Class in ECMAScript 6
class PersonType {
constructor(name) {
this.name = name;
}
sayName() {
console.log("your name:" + this.name);
}
}
let person = new PersonType("leo");
person.sayName();Use class in web page
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<script src="person.js"></script>
<script>
let p = new Person('leo');
p.sayName();
</script>
</head>
</html>person.js
class Person {
constructor(name) {
this.name = name;
}
sayName() {
console.log("your name:" + this.name);
}
}
// export to global namespace so index.html can see it
window.Person = Person;
No comments:
Post a Comment