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>

巴特西

jQuery进阶第四天（2019 10.13）

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

2 简单工厂

3 构造函数

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

最新文章

热门文章