ES6类和对象

导读:本篇文章讲解 ES6类和对象,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

// 类名习惯首字母大写
class Name {
    //constructor()方法是为的构造函数(默认方法),用于
    //传递参数,返回实例对象,通过new命令生成对象实例时自动调用该方法
    //如果没定义,类内部会自动给我们创建一个constructor()
    constructor(uname,age){
        this.uname = uname;
        this.age = age;
    }
    sleep(){
         console.log(this.uname+"开始睡觉")
    }
};
// 生成实例使用new关键字
var cjy =  new Name("丛继永",22);
var zxy =  new Name("张学友",28); 
console.log(cjy);
console.log(zxy) 
cjy.sleep()
zxy.sleep()
// (1)类里面所有的函数不需要写function
// (2)多个函数方法之间不需要写逗号分隔


// 类的继承
class Father{ //父类
    constructor(x,y){
        this.x = x;
        this.y = y;
    }
    sum(){
        console.log(this.x+this.y)
    }
    money(){
        console.log("爸爸的钱1000块钱")
    }
}
class Son extends Father{ //子类
    constructor(x,y){
        super(x,y); //调用父类中的构造函数constructor
        // 子类构造函数中使用super,必须放到this前面
    }
    money(){
        super.money() //调用父类的中的普通函数
        // console.log("儿子的钱100")
    }
}
var son = new Son(1,92);
son.money();
son.sum();
// 三个注意点
// 1.在Es6中没有变量提升,所以必须先定义类,才能通过类实例化对象
// 2.类里面的共有属性和方法一定要加this使用
// 3.类里面的指向问题
// 4.constructor里面的this指向实例对象,方法里面的this指向这个方法的调用者

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/4866.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!