JavaScript 面向对象

最新推荐文章于 2024-07-03 14:20:15 发布

原创最新推荐文章于 2024-07-03 14:20:15 发布 · 164 阅读

0 ·

CC 4.0 BY-SA版权

本文深入讲解面向对象编程(OOP)的基础概念，包括类、对象、属性、方法等核心要素，并通过自定义学生对象实例演示了如何在JavaScript中实现面向对象编程。

面向对象编程:OOP

对象 class ES5 没有class 怪异的，非正统
函数来模拟对象 —>面向对象编程

基于实现Object来完成的

Array Date Function RegExp ---->Object

            父类：超类、基类
            子类：派生类

        对象：
            属性：   变量
            方法：   函数
        声明对象：  
            {}              代表空对象
            new Object();   创建对象

<script>
// var arr=[];
     // console.log(arr instanceof Array);
     // console.log(arr instanceof Object);

     window.b=10;//为window对象添加属性  b
     var a;
     function show(){}
     </script>

自定义面对对象

<script>
        //学生对象   Object  

        // var s=new Student();
        /*
            函数：
            __proto__  属性   对象(隐式原型对象)
            prototype  属性   对象(显示原型对象)


            实例: 你
            对象: 人
        */


        var s=new Object();//创建一个自定义对象    学生
        //属性
        s.no='1000';
        s.age=20;
        s.name='jack';
        //方法
        s.test=function(){
            console.log('在考试。。。。。。。。。。');
        };
        s.run=function(){
            console.log('在奔跑。。。。。。。。。。。。');
        };


        //输出姓名
        console.log(s.name);
        //调用方法
        s.test();
        s.run();
        console.log(s);
        console.log(s.__proto__);
        console.log(Object.prototype);
    </script>