JS的面向对象的基础

最新推荐文章于 2021-02-10 17:37:02 发布

S1mp1e

最新推荐文章于 2021-02-10 17:37:02 发布

阅读量427

点赞数

分类专栏： web 文章标签：面向对象基础

本文链接：https://blog.csdn.net/S1mp1e/article/details/46918251

版权

web 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js面向对象</title>
    <script>
        //父类
        function Person(name,sex){
            this.name=name;
            this.sex=sex;
        } 
        Person.prototype.showName = function(){
            alert(this.name);
        };
        Person.prototype.showSex = function(){
            alert(this.sex);
        };
        /****************继承********************/
        //子类
        function Other(name,sex,job){
            Person.call(this,name,sex); //构造函数伪装
            //OR Person.apply(this,arguments);
            //OR person.apply(this,[name,sex]);
            this.job=job;
        }
        for(var i in  Person.prototype){
            Other.prototype[i] = Person.prototype[i]; //原型链
        }
        Other.prototype.showJob = function(){
            alert(this.job);
        }
        /*****************继承***********************/
        var oP = new Person('zimple','nan');
        oP.showName();
        oP.showSex();
        var oW = new Other('zimple','nan','student');
        oW.showName();
        oW.showSex();
        oW.showJob();
        /*
        在JS面向对象的过程中this的处理最为麻烦
        在出现以下两种情况下,this的指向会发生变化
        1)有绑定事件的时候
        2)出现定时器的时候
        解决方法:
        可以将指向对象的this存为_this,然后在定时器或者绑定事件处再嵌套一个函数,使用_this代替
        */
    </script>
</head>
<body>

</body>
</html>

S1mp1e

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS的面向对象的基础

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>js面向对象</title> <script> //父类 function Person(name,sex){ this.name=name; this.se
复制链接

扫一扫

专栏目录