美文网首页
es6之class类

es6之class类

作者: 关耳木南 | 来源:发表于2019-07-09 16:22 被阅读0次
<script type="text/javascript">
    /*
        class 在es6中用于定义类
     */
    //es5写法
    function Person(name,age){
        this.name = name,
        this.age = age
    }
    Person.prototype = {
        sayName(){alert(this.name)},
        sayAge(){alert(this.age)}
    }
    const obj = new Person("fy",18);
    //es6写法
    class Person2{  //类名叫做Person2
        //私有属性  写在constructor中
        constructor(name,age){
            this.name = name,
            this.age = age
        }
        //constructor之外的就是共有方法
        sayName(){alert(this.name)}//可以不用写任何符号
        sayAge(){alert(this.age)}
    }
    const obj2 = new Person2("kobo",20)
    obj.sayName();//fy
    obj2.sayName();//kobo
</script>

相关文章

  • ES6 class与继承

    class是什么 class是定义类的方法。ES6之前用构造函数的方式定义类,ES6引入了class。 class...

  • 深入理解JS面向对象 - JavaScript实现继承的五种方式

    一、类与实例 1. 类的声明 传统function类的声明 ES6中的class声明 1.1 ES6 class与...

  • 2JavaScript设计模式--class/extends

    ES6语法 类 class ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板...

  • react组件

    es6 的class类的继承 运用es6 class继承 通过继承React.Component类来定义一个组件

  • 第三十二节: ES6 Class类

    1. ES6 Class 类 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板...

  • 第三十二节: ES6 Class类

    1. ES6 Class 类 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板...

  • 深入理解ES6中class的this指向

    在ES6中,引入了类似其他语言的类的写法:即class(类),作为类对象模板。ES6 的class可以看作一个语法...

  • ES6之Class类

    ES5 的方式通过构造函数生成对象实例 ES6的方式通过Class语法糖 1.类声明 类声明是定义类的一种方式,使...

  • es6之class类

  • ES6 class类

    在ES6以前,没有类的概念,所有的面向对象都是基于原型实现的。ES6中可以通过class定义类,但是class的本...

网友评论

      本文标题:es6之class类

      本文链接:https://www.haomeiwen.com/subject/ecxfkctx.html