javascript代码实例教程-javascript继承(八)-封装

发布时间:2019-01-27 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-javascript继承(八)-封装脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 这个系列主要探讨的是javascript面向对象的编程,前面已经着重介绍了一下js的继承,下面想简单的说一下js如何实现封装的特性。

 

我们知道面向对象的语言实现封装是把成员变量和方法用一个类包围起来,对类中变量的访问只能通过已定义的接口。封装可以算是一种信息隐藏技,java通过PRivate修饰符将成员变量私有化,并提供对外修改的接口,以控制类中的成员变量的访问和修改。当然在这些方法中可以对数据进行一些加工。

 

在前面文章已经介绍了js的属性问题,那么在js中如何实现对类的属性隐藏呢?这里封装有会有什么蔽端。

 

下面看一下实现封装的代码:

 

复制代码

VAR PErson = (function(){

    //定义私有方法,相当于private方法,只能在内部访问

    function hello(){

        alert('hello world!');

    }

    return function(){

        //定义私有属性,相当于private属性,只能在公有方法内部访问

        var name,age;

        //定义公有方法,相当于public方法,可以在类的实例中方法

        this.getName = function(){

            return name;

        };

        this.setName = function(newName){

            name = newName;

        };

        this.getAge = function(){

            return age;

        }

        this.setAge = function(newAge){

            age = newAge;

        };

        this.say = hello;

        this.introduce = function(){

            alert(';my name is :'+this.getName());

        }

    }

})()

 

var p = new Person();

p.say(); //hello world

p.setName('xiaoming');

p.introduce(); //my name is : xiaoming

复制代码

封装的好处这儿就不用多说了,但在js里使用一定得注意,避免过度封装。下面看一下封装对继承有没有什么影响。

 

代码如下:

 

复制代码

var Person = (function(){

    //定义私有方法

    function hello(){

        alert('hello world!');

    }

    return function(){

        //定义私有属性,相当于private属性

        var name,age;

        //定义公有方法,相当于public方法

        this.getName = function(){

            return name;

        };

        this.setName = function(newName){

            name = newName;

        };

        this.getAge = function(){

            return age;

        }

        this.setAge = function(newAge){

            age = newAge;

        };

        this.say = hello;

        this.introduce = function(){

            alert('my name is :'+this.getName());

        }

    }

})()

 

Person.prototype.call = function(){

    this.say();

}

 

var Student = function(){

    Person.call(this);

}

for(var i in Person.prototype){Student.prototype[i] = Person.prototype[i]}

 

var s = new Student();

s.setName('xiaoli');

s.getName();//xiaoli

s.call();//helloworld

复制代码

可以看到Student类继承了Person类,获得了Person类的公有方法和共有方法即prototype定义的方法。由于JavaScript并不原生支持封装,所以在JavaScript中实现封装一定要注意复杂性的问题。

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-javascript继承(八)-封装全部内容,希望文章能够帮你解决javascript代码实例教程-javascript继承(八)-封装所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。