JS基础语法(三)

47 阅读2分钟

​开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第六天,点击查看活动详情

面向对象

1.定义类的方式

  • 方式1

    语法:

    class 类名{
        //构造方法
        constructor(变量列表){
            变量赋值;
        }
        //普通方法
        方法名(参数列表){
            方法体;
            return 返回值;
        }
    }
    

    用法:

    let 对象名 = new 类名(实际变量值);
    对象名.变量名;
    对象名.方法名();
    
  • 方式2

    语法:

    //在定义类的时候已经创建了对象
    let 对象名 = {
        变量名 : 变量值,
        变量名 : 变量值,
        
        方法名 : function(参数列表){
            方法体;
            return 返回值;
        },
        方法名 : function(参数列表){
            方法体;
            return 返回值;
        }
    };
    

    用法:

    对象名.变量名;
    对象名.方法名();
    

2.继承

  • JS中顶级父类是Object

  • 继承需要使用extends关键字

    语法:

    class 子类 extend 父类{}
    
  • 继承范例

    class Person{
        constructor(name,age){
            this.name = name;
            this.age = age;
        }
    ​
        show(){
            document.write(this.name+","+this.age+"<br/>");
        }
    }
    ​
    class Worker extends Person{
       constructor(name,age,salary){
           //使用super()调用父类构造方法
            super(name,age);
            this.salary = salary;
       }
    ​
       show(){
            document.write(this.name+","+this.age+","+this.salary);
       }
    }
    ​
    let worker = new Worker("张三",23,15000);
    worker.show();
    

内置对象

1.Number对象

  • parseFloat(s)方法,将字符串浮点数转为浮点数
  • parseInt(s)方法,将字符串整数转为整数

2.Math对象

  • ceil(x)方法,向上取整
  • floor(x)方法,向下取整
  • round(x)方法,四舍五入
  • random()方法,返回0到1之间的随机数,不含1
  • pow(x,y)方法,x的y次方

3.Data对象

  • 构造方法

    方法说明
    Date()根据当前事件创建对象
    Date(value)指定毫秒值创建对象
    Date(year,month[,day,hour,min,sec,mill])指定字段创建对象,月份是0到11
  • 常用方法

    方法说明
    getFullYear()获取年份
    getMonth()获取月份
    getDate()获取天数
    getHours()获取小时
    getMinutes()获取分钟
    getSeconds()获取秒
    getTime()返回时间原点至今毫秒数
    toLocalString()返回本地日期格式的字符串