• 技术文章 >web前端 >前端问答

    javascript中class的意思是什么

    长期闲置长期闲置2022-01-17 17:10:34原创200

    在JavaScript中,class的意思是“类”,class关键字用于定义一个类的模板,类可以理解为是一个具有相同属性和行为的群体的集合,语法为“class{设置变量和方法}”。

    本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

    javascript中class的意思是什么

    1、什么是类?

    这里我们可以理解类是一个具有相同属性和行为的群体的集合。在es6中,首次引入了类的概念,通过创建class关键字来定义一个类的模板。

    2、在js中实现创建一个Class

    class Number{
    }

    3、实现Class的构造方法、实例属性和实例方法

    //构造方法
    class Number{
    //实例属性
    constructor(id,age){
    //this指向当前事件
    this.id=id;
    this.age=age;
    }
    //实例方法
    num(){
    console.log("hh");
    }
    }
    //实例化对象
    var n1=new Number("1","2");
    n1.num(1);
    console.log(n1.id);
    console.log(n1.age);
    var n2=new Number("3","4");
    n2.num(2);
    console.log(n2.id);
    console.log(n2.age);

    效果展示:

    hh
    1
    2
    hh
    3
    4

    4、Class的静态属性和静态方法

    //构造方法
    class Number{
    //静态属性调用一个方法
    static ppp=1;
    //实例属性
    constructor(id,age){
    //this指向当前事件
    this.id=id;
    this.age=age;
    console.log(Number.ppp)
    }
    //实例方法
    num(){
    console.log("hh");
    }}
    //实例化对象
    var n1=new Number("1","2");
    n1.num(1);
    console.log(n1.id);
    console.log(n1.age);
    var n2=new Number("3","4");
    n2.num(2);
    console.log(n2.id);
    console.log(n2.age);

    效果展示:

    1
    hh
    1
    2
    1
    hh
    3
    4

    5、类的继承

    //父类
    class Father{
    //构造方法不能被继承
    constructor(){
    console.log("我是父亲");
    this.name="father"
    }
    }
    //子类
    class Son extend Father{
    //执行子类构造方法之前必须先执行父类构造方法
    constructor(){
    super();//执行父类构造方法
    console.log("我是儿子")
    }
    }
    var son=new Son;
    console.log(son.name)

    效果展示:

    我是父亲
    我是儿子
    father

    【相关推荐:javascript学习教程

    以上就是javascript中class的意思是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 前端 html
    上一篇:ajax请求的状态码有哪些 下一篇:ajax技术有哪些
    PHP编程就业班

    相关文章推荐

    • javascript中writeln的意思是什么• type="text/javascript"表示什么意思• JavaScript类型转换(详解及实例)• 经典技巧之JavaScript数组操作(整理分享)• 技术解答之JavaScript的执行机制

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网