标签：div prot 构造 用法 code class 数字 静态 调用
之前小编对于类和类的基本特征（所谓的封装、继承、多态）理解一直不是很到位，同时在实际项目应用中也用的比较少，今天小编就结合ES5中的基本用法和大家聊聊，希望小伙伴会在这篇文章有属于自己的收获，并能够在今后的项目中有实际应用。大家还可以关注我的微信公众号，蜗牛全栈。
一、类的基本用法
function People(name,age){ // this指向的是People{} this.name = name this.age = age } let p1 = new People("lilei",30) console.log(p1) // People{name:"lilei",age:34} let p2 = new People("hanmei",18) console.log(p2) // People{name:"hanmei",age:18}
二、类的方法：该实例中会有一些资源浪费，因为在每一个实例化的时候，在类中都会存在该方法，实际中为了节约资源，会将类方法定义在原型上
function People(name,age){ // this指向的是People{} this.name = name this.age = age this.showName = function(){ console.log("当前人的名字是："+this.name) } } let p1 = new People("lilei",30) console.log(p1) // People{name:"lilei",age:34} p1.showName() // 当前人的名字是：lilei let p2 = new People("hanmei",18) console.log(p2) // People{name:"hanmei",age:18} p2.showName() // 当前人的名字是：hanmei
三、实际类方法创建实例
function People(name,age){ this.name = name this.age = age } People.prototype.showName = function(){ console.log(this.name) } let p1 = new People("lilei",30) console.log(p1) // People{name:"lilei",age:34} p1.showName() // lilei let p2 = new People("hanmei",18) console.log(p2) // People{name:"hanmei",age:18} p2.showName() // hanmei
四、类的静态属性和静态方法：上述的例如name和age属性，都是实例化之后才有的属性和方法，上述属性和方法一般称为实例属性和实例方法，需要类实例化之后才可以处理的属性，实例方法需要把类实例化之后才能调用。静态属性和静态方法可以通过类直接调用，不必实例化。类的静态属性
function People(name,age){ // this指向的是People{} this.name = name // 实例属性 this.age = age // 实例属性 } People.count = 10 console.log(People.count) // 10
类的静态方法
function People(name,age){ // this指向的是People{} this.name = name // 实例属性 this.age = age // 实例属性 } People.getCount = function(){ console.log("当前数字为"+People.count) } console.log(People.count) // 10
五、类的继承
1、构造函数继承：只能继承父类的属性，不能继承父类的方法
// 父类 function Animal(name){ this.name = name } Animal.prototype.showName = function(){ console.log("名字是："+this.name) } // 子类 function Dog(name,color){ Animal.call(this,name) // 继承属性 this.color = color } let d1 = new Dog("wangcai","white") console.log(d1) // Dog{name:"wangcai",color:"white"} d1.showName() // 报错：d1.showName is not a function // 构造函数继承只能继承父类的属性，不能继承父类的方法
2、原型继承：只能继承父类方法，不能继承父类属性
// 父类 function Animal(name){ this.name = name } Animal.prototype.showName = function(){ console.log("名字是："+this.name) } // 子类 function Dog(name,color){ // Animal.call(this,name) // 继承属性 this.color = color } Dog.prototype = new Animal() Dog.prototype.constuctor = Dog let d1 = new Dog("wangcai","white") console.log(d1) // Dog{name:"wangcai",color:"white"} d1.showName() // undefind
标签：div prot 构造 用法 code class 数字 静态 调用
原文地址：https://www.cnblogs.com/feiying3995/p/14892302.html
