ES6语法核心基础知识(1)

1.创建类和生成实例(1)类就相当于指的一类事物,一个模型,在这当中还包含着无数个对象比如说人,人里面有张三,李四,麻子等等明星是一个类,在这类中有很多明星,张一山,刘德华等等,这都是包含在类里面的对象(2)相关的例子(3)注意点-----通过class关键字创建类,类名习惯性定义首字母大写-----类里面有个constructor函数,可以接收传递过来的参数,同时返回实例对象-----constructor函数只要new生成实例时,就会自动调用这个函数,如果不写这个函数,类
摘要由CSDN通过智能技术生成

目录

1.创建类和生成实例

2.类中添加共有的方法

3.类的继承

4.继承

5.类的本质

6.ES5中新增的方法

数组方法:forEach(),map(),filter(),some(),every()

字符串方法

对象方法

7.Object.defineProperty方法


1.创建类和生成实例

(1)类就相当于指的一类事物,一个模型,在这当中还包含着无数个对象

比如说人,人里面有张三,李四,麻子等等

明星是一个类,在这类中有很多明星,张一山,刘德华等等,这都是包含在类里面的对象

(2)相关的例子在下面

(3)注意点

-----通过class关键字创建类,类名习惯性定义首字母大写

-----类里面有个constructor函数,可以接收传递过来的参数,同时返回实例对象

-----constructor函数,只要new生成实例时,就会自动调用这个函数,如果不写这个函数,类也会自动生成这个函数

-----生成实例new不能省略

-----最后注意语法规范,创建类,类名后面不要加小括号,生成实例,类后面加上小括号。构造函数不需要加function

2.类中添加共有的方法

(1)类里面所有的函数不需要写function

(2)多个函数方法之间不需要添加逗号分隔

 <script>
        // 1.创建类class 创建一个明星类
        /* 
        创建一个类star 类中有一个构造函数constructor,constructor可以接收传递过来的参数,
        与此同时将实例返回回来给ldh
        */
        class Star{
           constructor(name,age){
               this.name=name;//this指向实例
               this.age=age;
           }
         // 添加一个方法
            sing(song){
            console.log(this.name+song);
            
        }
        }
        // 2.利用类创建实例对象new
        // 只要创建实例对象,star就会自动调用constructor函数,然后将形参传递给name
        var ldh=new Star('李德华',20)
        var zxy=new Star('张学友',87)
        console.log(ldh.name);//输出李德华
        console.log(zxy.name);//输出张学友

         ldh.sing('信心');//传递参数
        zxy.sing('huohua')
</script>

3.类的继承

(1)extends关键字:子类可以继承父类的方法和属性,格式  class 儿子 extends 父亲

(2)super关键字:用于访问和调用对象父类上的函数,可以调用父类的构造函数,也可以调用父类的普通函数。(记住这句话,父类是要使用父类传进来的数据的,子类是要使用子类传进来的数据的,而这时互不相通的)

(3) 继承中的属性和方法的原则

①继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有就先执行子类

②继承中,如果子类没有,就去查找父类有没有这个方法,如果有就执行父类的这个方法(就近原则)

例子:extends使用,super关键字调用父类构造函数

 class Father{
            constructor(x,y){
                this.x=x;
                this.y=y;
            }
            sum(){
                console.log(this.x+this.y);
            }
        }
//super关键字调用父类构造函数
 class Son extends Father{
            constructor(x,y){
        /*  this.x=x;
        this.y=y; */
        /*直接像上面这样的输出会报错的,
         因为此时sum中的this指定的是Father的实例对象的参数,也就是父亲中传进来的参数。
         而子类中的constructor是指向子类中的实例的,是子类实例传进来的参数,二者不相通  */
        super(x,y);//调用了父类中的构造函数
            }
        }
        var son=new Son(1,2)
        son.sum()

例子:super关键字调用父类普通函数super.say()

 <script>
        // super关键字调用父类普通函数
        class Father{
            say(){
                return '爹'
        
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值