类和构造函数

参考：

https://www.jianshu.com/p/86267fab4878

https://www.jianshu.com/p/0aa8c9c52f38

https://blog.csdn.net/u012149969/article/details/80231993

 

一、概念简介

传统javascript中没有类的概念，只有对象，它是基于原型的面向对象语言。原型对象的特点就是将自身的属性共享给新对象，这与传统面向对象语言来比较，很容易让人困惑。

举个构造函数的例子：

//函数名和实例化构造名相同且大写（非强制，但这么写有助于区分构造函数和普通函数）
function Person(name,age) {
    this.name = name;
    this.age=age;
}
Person.prototype.say = function(){
    return "我的名字叫" + this.name+"今年"+this.age+"岁了";
}
var obj=new Person("laotie",88);//通过构造函数创建对象，必须使用new 运算符
console.log(obj.say());//我的名字叫laotie今年88岁了

 构造函数实例化的过程：

1.使用构造函数new一个实例对象时，后台会隐式执行new Object()创建对象;
2.将构造函数的作用域给新对象，（即new Object()创建出的对象），而函数体内的this就代表new Object()出来的对象。
3.执行构造函数的代码。
4.返回新对象（后台直接返回）;

ES6引入了Class（类）这个概念，通过class关键字可以定义类。该关键字的出现使得其在对象写法上更加清晰，更像是一种面向对象的语言。是这样写的：

class Person{//定义了一个名字为Person的类
    constructor(name,age){//constructor是一个构造方法，用来接收参数
        this.name = name;//this代表的是实例对象
        this.age=age;
    }
    say(){//这是一个类的方法，注意千万不要加上function
        return "我的名字叫" + this.name+"今年"+this.age+"岁了";
    }
}
var obj=new Person("张三",28);
console.log(obj.say());//我的名字叫张三今年28岁了

这种写法需要注意：

1.在类中声明方法的时候，千万不要给该方法加上function关键字
2.方法之间不要用逗号分隔，否则会报错

类就是构造函数，可以通过代码验证：

console.log(typeof Person);//function，说明类还是一个函数
console.log(Person===Person.prototype.constructor);//true，说明类指向的还是构造函数
console.log(Person.prototype);//会输出一个对象，这与构造函数相同
//如果使用同名方法来为类添加方法，结果就会覆盖掉原同名方法
Person.prototype.say=function(){
    return "这个方法是用来证明的，你叫" + this.name+"今年"+this.age+"岁了";
}
var obj=new Person("张三",28);
console.log(obj.say());//这个方法是用来证明的，你叫张三今年28岁了

可以通过prototype属性对类添加方法

Person.prototype.addF=function(){
    return "我是通过prototype新增加的方法,名字叫addF";
}
var obj=new Person("张三",28);console.log(obj.addFn());//我是通过prototype新增加的方法,名字叫addF

 constructor方法是类的构造函数的默认方法，通过new实例化对象时，自动调用该方法。

class Box{
    constructor(){
        console.log("啦啦啦，今天天气好晴朗");//当实例化对象时该行代码会执行。
    }
}
var obj=new Box();

constructor方法如果没有显式定义，会隐式生成一个constructor方法。所以即使你没有添加构造函数，构造函数也是存在的。constructor方法默认返回实例对象this，但是也可以指定constructor方法返回一个全新的对象，让返回的实例对象不是该类的实例。

class Desk{
    constructor(){
        this.xixi="我是一只小小小小鸟！哦";
    }
}
class Box{
    constructor(){
       return new Desk();// 这里没有用this哦，直接返回一个全新的对象
    }
}
var obj=new Box();
console.log(obj.xixi);//我是一只小小小小鸟！哦

 

 

 

 

二、静态方法

 

三、实例属性的写法

 

四、静态属性

 

五、私有方法和私有属性

 

六、new.target属性