JavaScript基础学习(五)面向对象

是什么?

在Java中
类:模板
对象:具体的实例

javascript不一样之处:原型

    <script>

        var Student = {
            name: "xxx",
            age: 3,
            run: function () {
                console.log(this.name + "run.......");
            }
        }


        var xiaoming = {
            name: "小明"
        };

        //xiaoming的原型是Student
        xiaoming.__proto__ = Student;

    </script>
xiaoming.run()
小明run.......

class继承

class关键字在ES6引入的
1.定义一个类,属性,方法

        //ES6后
        //定义学生的类
        class Student{
            constructor(name){
                this.name=name;
            }

            hello(){
                alert('hello');
            };
        }

        //  使用
        var xiaoming=new Student("xiaoming");

2.继承

 //ES6后
        //定义学生的类
        class Student{
            constructor(name){
                this.name=name;
            }

            hello(){
                alert('hello');
            };
        }


        class PrimarySchool extends Student{
            constructor(name,grade){
                //实现继承的类
                super(name);
                this.grade=grade;
            }
            myGrade(){
                alert("我"+this.grade+"年级")
            }
        }

        //  使用
        var xiaoming=new Student("xiaoming");
        var Jim=new PrimarySchool("Jim",1)

在这里插入图片描述
原型链
原型链原地址

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值