jQuery进阶第四天（2019 10.13）

1 初识面向对象（面向对象是一种思维方式）

以前写的代码

var name = '莉莉';
var sex = '女';
var age = 18;
var name1 = '小明';
var sex1 = '男';
var age1 = 19;

面向对象的代码：

var lili = {
    name: 'lili',
    sex: 'nv',
    age: 18
}
var xiaoming = {
    name: 'xiaoming',
    sex: 'nan',
    age: 19
} 

2 简单工厂

简单工厂:people函数可以产生对象，根据传入的参数不同产生的对象也不同

        参数===原料， 对象===产品

function people(name, sex, age) {
            // 声明一个空对象
            var obj = {};
            // 给属性赋值
            obj.name = name;
            obj.sex = sex;
            obj.age = age;
            // 添加方法
            obj.show = function() {
                console.log("我叫" + this.name + ', 我今年' + this.age + '岁，我是一个' + this.sex + '生！');
            }
            // 返回对象
            return obj;
        }

简单工厂的缺陷：通过工厂产生的对象，没有办法区分种类

3 构造函数

1、构造函数首字母大写，但这不是语法要求，作为书写习惯

2、构造函数使用new 关键字调用

 

new操作的过程

    1、在内存中申请了一块空间

    2、改变this指向（this默认指向window对象，this指向要生成的对象）

    3、为this赋值

    4、返回this指向的对象

 

return对构造函数的影响（结论：非引用的返回值没有影响，引用类型的返回值会取代this所指向的对象）

 

 

说法：（实例、类、实例化）

 

    将产生的对象称之为实例（实例化对象）

 

    将new过程称之为实例化

 

　将构造函数称之为类

    <script>
    function People(name, sex, age) {
    // 给属性赋值
    this.name = name;
    this.sex = sex;
    this.age = age;
    // 添加方法
    this.show = function() {
        console.log("我叫" + this.name + ', 我今年' + this.age + '岁，我是一个' + this.sex + '生！');
    }
}
var xiaoming = new People('小明', '男', 18);
    </script>

5 备份this（当指定对象不是this的指定对象 就会默认window对象为指定对象 这时就得备份）；

 

<script>
         var obj = {
        name1: 'aaa',
        demo: function() {
            console.log(this.name1);
        },
        test: function() {
            // 备份this
            var me = this;
            (function() {
                 // 此处this不会指向obj对象，指向的是window对象
                 // console.log(this.name1);
                 console.log(me.name1);
             })();
         }
        }      
    obj.demo(); 
    // window.name1 = 333;
    obj.test();
</script>