• ES5


    1. 创建对象的几种方式

    /**
     * 普通方式
     */
    
    var obj = {};
    obj.name = 'XingyaZhao';
    obj.age = 23;
    obj.intro = function () {
        return "My name is " + this.name + ", and I'm " + this.age + ".";
    };
    
    alert(obj.intro());
    /**
     * 工厂模式
     */
    
    function createObject(name,age) {
        var obj = {};
        obj.name = name;
        obj.age = age;
        obj.intro = function () {
            return "My name is " + this.name + ", and I'm " + this.age + ".";
        };
        return obj;
    }
    
    var obj1 = createObject('XingyaZhao',23);
    var obj2 = createObject('HailinWang',22);
    alert(obj1.intro());
    alert(obj2.intro());
    /**
     * 构造函数方式
     */
    
    function Person(name, age) {
        this.name = name;
        this.age = age;
        this.intro = function() {
            return "My name is " + this.name + ", and I'm " + this.age + ".";
        };
    }
    
    var zhao = new Person('XingyaZhao',23);
    var wang = new Person('HailinWang',22);
    alert(zhao.intro());
    alert(wang.intro());

    构造函数方式与工厂模式的区别

    1.构造函数没有new Object,但它后台会自动var obj = new Object
    2.this就相当于obj
    3.构造函数不需要返回对象引用,它是后台自动返回的


    构造函数方式的规范

    1.构造函数也是函数,但函数名第一个字母大写
    2.必须通过 new 构造函数名() 来创建对象,new Person()


    2. 原型

    我们创建的每个函数都有一个 prototype(原型)属性, 这个属性是一个对象, 它的用途是包含 可以由特定类型的所有实例共享的属性和方法。逻辑上可以这么理解: prototype 通过调用构造函数而创建的那个对象的原型对象。使用原型的好处可以让所有对象实例共享它所包含的属性和方法。 也就是说, 不必在构造函数中定义对象信息, 而是可以直接将这些信息添加到原型中。

    /**
     * 原型
     *
     * 当实例化多个Person的时候,共享同一个species属性和intro方法,而name和age属性存在于每一个实例对象里。
     * 我们一般将实例特有的属性放在构造函数里,将共有的属性和方法放在原型里,这样的好处是可以节省内存。
     */
    
    function Person(name, age) {
        this.name = name;   //实例属性
        this.age = age;     //实例属性
    }
    
    Person.prototype = {
        //这里Person.prototype指向了一个新对象{},所以要将这个对象的constructor指向Person,否则会指向Object
        constructor: Person,
        species: 'animal',
        intro: function () {
            return "My name is " + this.name + ", and I'm " + this.age + ".";
        }
    };
    
    var xyz = new Person('XingyaZhao',23);
    alert(xyz.intro());
    alert(xyz.constructor);
    console.log(xyz);


    
    
    
    
    
    


  • 相关阅读:
    廖雪峰python 摘录1
    python web 测试CGI脚本
    AttributeError: 'Athlete' object has no attribute 'top3'
    python类定义小问题
    def函数安装调用的疑惑
    print_lol函数调用
    实现键盘输入信息,按enter键调用摄像头自动拍照
    EditText不能输入表情
    使用videoview播放资源文件夹下的视频
    使用videoview连续自动播放网络视屏
  • 原文地址:https://www.cnblogs.com/xingyazhao/p/7533258.html
Copyright © 2020-2023  润新知