22-JavaScript-面向对象-构造函数-prototype

- 构造函数
- 成员函数
- prototype

1. 成员函数 的介绍

    小明 -->  人的实例

     属性: 身高 体重 ...
     行为: 吃饭 睡觉 唱歌 ... 

    成员函数就是用来描述对象的行为的

2. 构造函数 -- 描述 小明

    function Person(name, height, weight) {                this.name = name;        this.height = height;        this.weight = weight;        this.show = function() {            return this.name + "  " + this.height + "  " + this.weight;        }        this.eat = function(food) {            return this.name + " is eating " + food;        }        this.sleep = function() {            return this.name + " like sleeping!";        }        this.sing = function(song) {            return this.name + " like singing " + song;        }    }    var p = new Person("小明", "170cm", "50kg");    console.info( p.show() );    console.info( p.eat( "apple" ) );    console.info( p.sleep() );    console.info( p.sing( "哇哈哈" ) );

3. 注

    ①每个Person类的实例, 都会有各自的 eat() sleep() 函数代码
        对实例属性和方法的改变, 不会影响到其他的实例.
        但, 这会造成内存的额外消耗. 如图

    ②可以使用 "==", 判断对象的方法的地址是否相等
    
    ③可使用原型的方式来使每个实例共享函数代码.

4. 给单独对象追加方法

    function Person() {
    }

 1) 方式一

    function func() {        // do something    }        var p = new Person();    p.show = func;

 2) 方式二

    var p = new Person();    p.show = function() {        // do something    };  

 3) 对象间互不影响

    function Person() {        this.name = "123";    }    var p1 = new Person();    var p2 = new Person();    console.info( p1.name );    // 123    console.info( p2.name );    // 123    p1.name = "AAA";    console.info( p1.name );    // AAA    console.info( p2.name );    // 123    var p3 = new Person();          console.info( p3.name );    // 123 

5. 让所有对象共享同一个函数 -- prototype

 1) 说明

    prototype, 相当于Java的static, 
    修饰的属性/方法是属于类的.

 2) 语法

    ClassName.prototype.propertyName = propertyValue;

    ClassName.prototype.methodName = method;

 3) 举例

    function Dog() {                this.eat = function() {            return "a dog is eating!";        };        Dog.prototype.bark = function() {            return "a dog is singing!!!";        };    }    var d1 = new Dog();    var d2 = new Dog();    console.info( d1.eat == d2.eat );   // false    console.info( d1.bark == d2.bark ); // true    console.info( d1.bark() );    console.info( d2.bark() );    // 更改模板    Dog.prototype.bark = function() {        return "heihei, I'm a Cat!!!!!!"    }    console.info( d1.bark() );    console.info( d2.bark() );    // false    // true    // a dog is singing!!!    // a dog is singing!!!    // heihei, I'm a Cat!!!!!!    // heihei, I'm a Cat!!!!!!