- es6之前：没用关键字
- es6之后：用关键字constructor， static来定义实例方法属性，静态方法，静态属性
es6之前
/*
1.在ES6之前如果定义一个类?
通过构造函数来定义一个类
*/
/*
function Person(myName, myAge) {
// 实例属性
this.name = myName;
this.age = myAge;
// 实例方法
this.say = function () {
console.log(this.name, this.age);
}
// 静态属性
Person.num = 666;
// 静态方法
Person.run = function () {
console.log("run");
}
}
// let p = new Person();
let p = new Person("zs", 18);
p.say();
console.log(Person.num);
Person.run();
es6
- 从ES6开始系统提供了一个名称叫做class的关键字,这个关键字就是专门用于定义类的
- Person后面没有()，可以传参数，new的时候constructor接受参数
- 实例方法写在constructor里面，静态方法属性写在constructor外面
class Person{
// 当我们通过new创建对象的时候, 系统会
//自动调用constructor
// constructor我们称之为构造函数
constructor(myName, myAge){
this.name = myName;
this.age = myAge;
}
// 实例属性
// name = "lnj";
// age = 34;
// 实例方法
say(){
console.log(this.name, this.age);
}
// 静态属性
static num = 666;
// 静态方法
static run() {
console.log("run");
}
}
// let p = new Person();
let p = new Person("zs", 18);
p.say();
console.log(Person.num);
Person.run();
注意点：
- 构造函数里面定义实例属性,有些浏览器不支持的，要写在constructor里
// 实例属性【这样写有些浏览器不支持的，要写在constructor】
name = "lnj";
age = 34;
实例方法
- 构造函数里面定义静态属性，一些浏览器不支持，静态方法可以。
class Person{
// 静态属性【es6标准版不支持这样，会报错，仅静态方法ok】
static num = 666;
// 静态方法
static run() {
console.log("run");
}
}
// 静态属性【这样写不会报错】
Person.num = 666;
es6之前给原型对象添加方法属性
function Person(myName, myAge) {
this.name = myName; // stu.name = myName;
this.age = myAge; // stu.age = myAge;
this.hi= function () {
console.log("hi");
}
// return this;
}
Person.prototype.say = function () {
console.log(this.name, this.age);
}
let p= new Person();
console.log(p);
7.jpg
Person.prototype.say,say在proto
es6给原型对象添加方法属性
class Person{
// 当我们通过new创建对象的时候, 系统会自动调用constructor
// constructor我们称之为构造函数
constructor(myName, myAge){
this.name = myName;
this.age = myAge;
this.hi= function(){
console.log(this.name, this.age);
}
//都在对象上
}
say () {
console.log(“k”);
//在原型链上
}
}
8.png
- 不在constructor 定义的属性方法，自动挂载在原型对象上
还有，用es6 class定义类A，如果给类添加一个原型对象，比如是obj，那么！obj内的属性方法，A的实例是找不到的！，因为在A内，不在constructor定义的方法C就自动挂载到原型对象B上，而此时已经有了原型对象obj，就是说在A内产生的原型对象B，已经没有用了！因为已经有了obj了！~,打印A的实例，在proto是看不到C方法的，并且A的实例也访问不到obj里的方法和属性，因为es6不允许。
就是说，通过es6定义的类，不能自定义原型对象，因为es6已经帮我们弄好了，比如类A内，不在constructor定义的方法C就自动挂载到原型对象B上
