Javascript中的面向对象

标签：

 学习JS这么长时间了，还是对其中面向对象的知识不太了解，最近抽出时间来总结一下，看一看JS中的对象世界。

 1.JS中的创建类

 在JS中创建类特别的容易，一般使用Function来声明

<span style="font-family:SimSun;font-size:18px;"><script>
        //创建类
        function People()
        {
        }


        //判断类的类型
        var someone = new People();
        alert(someone instanceof People);

        
        
    </script></span>

 2.JS中的类的属性

 创建了类，下面来看一下如何来自定义属性

<span style="font-family:SimSun;font-size:18px;"><script>

        //类的属性
        function People(name, sex)
        {
            this.name = name;
            this.sex = sex;
        }

        var susan = new People("Susan", "female");
        alert(susan.name);
        alert(susan.sex);
    </script></span>

 3.JS中的类的方法

<span style="font-family:SimSun;font-size:18px;"><script>
        //类的方法
        function People(name, sex) {
            this.name = name;
            this.sex = sex;
            this.changeName = function (newName) {
                this.name = newName;
            }
        }

        var someone = new People("Susan", "female");
        alert(susan.name);
        someone.changeName("Lily");
        alert(someone.name);
       
    </script></span>

 4.JS中类的公有属性和私有属性

 在类中通过this指针添加的属性均为公有属性，私有属性均为var

<span style="font-family:SimSun;font-size:18px;">  <!--共有属性和私有属性-->
    <!--在类中通过this指针添加的属性均为公有属性。公有属性是可以被外部访问的属性-->
    <script>
        function People(ndame, sex, deposit) {
            this.name = name;
            this.sex = sex;
            var deposit = deposit;
            this.changeName = function (newName) {
                this.name = newName;
            }

            this.consume = function (money) {
                if (deposit >= money) {
                    deposit -= money;
                } else {
                    throw new Error("没有足够存款");
                }
            }
        }


        var susan = new People("susan", "female", 1000);
        var name = susan.name;
        var deposit = susan.deposit; //访问不了，私有属性
        alert(deposit);
        try {
            susan.consume(500);
        } catch (e) {
            alert(e.message);
        }

        try {
            susan.consume(1000);
        } catch (e) {
            alert(e.message);
        }
    </script></span>

 5.公有方法和私有方法

 属性有公有和私有之分，方法也是。概念类似。

<span style="font-family:SimSun;font-size:18px;"> <!--公有方法和私用方法-->
    <script>
        function People(name, sex, deposit) {
            this.name = name;
            this.sex = sex;
            var deposit = deposit; //私有属性
            this.thew = 1;  //公有属性
            this.changeName = function (newName) {
                this.name = newName;
            }

            this.consume = function (money) {
                this.consume = function (money) {
                    if (deposit >= money) {
                        deposit -= money;
                    } else {
                        throw new Error("没有足够存款");
                    }
                }
            }


            var _this = this;//保存当前对象到变量，_this中供私有方法使用
            var digest = function (food) {   //私有方法digest
                _this.thew++;   //匿名函数内，this指针指向会发生变化，因此程序中使用_this保存People对象引用
            }

            this.eat = function (food) {   //公有方法eat
                digest(food);
            }
        }
    </script></span>

 6.静态属性和方法

 面向对象中也有静态属性和方法，看看JS是如何做到的

<span style="font-family:SimSun;font-size:18px;">  <!--静态属性和静态方法-->
    <!--构造函数本身就是对象，直接将属性和方法添加到这个对象中，则可以达到静态属性和静态方法的效果-->
    <script>
        function People() { }
        People.staticProperty = "静态属性";  //静态属性
        People.staticMethod = function () { }  //静态方法
    </script></span>

 7.原型对象

  原型对象就好像是一个对象定义的备份，当代码引用属性时，如果它并不存在于对象引用中，那么就会 自动在爱原型中查找这个属性

<span style="font-family:SimSun;font-size:18px;"> <!--原型对象-->
    <!--原型对象就好像是一个对象定义的备份，当代码引用属性时，如果它并不存在于对象引用中，那么就会 自动在爱原型
    中查找这个属性-->
    <script>
        function People(name, sex, deposit) {
            this.name = name;
            this.sex = sex;
            var deposit = deposit; //私有属性                  
            this.consume = function (money) {
                this.consume = function (money) {
                    if (deposit >= money) {
                        deposit -= money;
                    } else {
                        throw new Error("没有足够存款");
                    }
                }
            }


            var _this = this;//保存当前对象到变量，_this中供私有方法使用
            var digest = function (food) {   //私有方法digest
                _this.thew++;   //匿名函数内，this指针指向会发生变化，因此程序中使用_this保存People对象引用
            }

            this.eat = function (food) {   //公有方法eat
                digest(food);
            }
        }

        People.prototype = {
            thew: 1,
            changeName: function (newName) {
                this.name = newName;
            }

        }
    </script></span>

Javascript中的面向对象

标签：

原文地址：http://blog.csdn.net/luckyzhoustar/article/details/45392647