JavaScript实现简单方法封装

在我们使用JavaScript的时候一般都是用来进行提交，要么是动态数据渲染，但是我们一般都是调用系统函数或者别人封装的函数。但是有时候的这些方法都不能实现我们的效果时，那我们就是要自己封装方法了。

下面是我自己实现的一些封装方法。

首先是封装一个简单的对象。

其实js的对象和java中的对象可以理解是一样的。

<script>

        //封装一个对象

        function obj(name) {

            //设置对象的属性；

            this.name = name;

            //设置对象的方法

            this.fun = function () {

                console.log("你好，"+this.name);

            }

        }

        //实例化对象

        var ob = new obj("小明");

        //调用对象的方法

        ob.fun();

</script>

效果如下：

上面只是一个简单的封装，下面是对象继承：

<script>

        //封装一个对象

        function obj(name) {

            //设置对象的属性；

            this.name = name;

            //设置对象的方法

            this.fun = function () {

                console.log("你好，"+this.name);

            } }

        function obj2() {

            this.sex = "男";

            this.show = function () {

                console.log("我是" + this.sex);

            }}

        //实现继承对象

        obj.prototype = new obj2();

        //实例化对象

        var ob = new obj("小明");

        ob.fun();

        //调用对象的方法

        ob.show();

    </script>

效果如下：

下面是实现对系统对象实现封装方法：

例如系统对象String，我想实现String对象有一个方法，这个方法可以输出String对象的每一个字符

下面是方法的实现：

//prototype只有函数对象才有的属性，该属性可以从外部增加或修改一个对象的属性或方法

        String.prototype.console = function () {

            for (var i = 0; i < this.length; i++) {

                console.log(this.charAt(i));

            };}

        //声明一个String字符串

        var str = "123456789";

        //调用封装的方法

        str.console();

效果如下：