咸鱼前端—js 对象

JavaScript中的对象

JavaScript中的对象其实就是生活中对象的一个抽象 JavaScript的对象是无序属性的集合。
其属性可以包含基本值、对象或函数。
对象就是一组没有顺序的值。
我们可以把JavaScript中的对象想象成键值对，其中值可以是数据和函数。

对象的行为和特征
特征—属性
事物的特征在对象中用属性来表示。
行为—方法
事物的行为在对象中用方法来表示。

对象创建方式

对象字面量

对象字面值是封闭在花括号对({})中的一个对象的零个或多个”属性名:值”列表。

  var o = {
      name: 'xy',
      age: 69,
      sex: true，
    };   

new Object()创建对象

  var person = new Object();
      person.name = 'lisi';
      person.age = 35;
      person.job = 'actor'，
    }

工厂函数创建对象

工厂函数方式创建对象：其本质是对内置构造函数创建对象的过程进行了封装
适用于大规模“批量生产”同类型的对象

   function createPerson(name, age, job) {
      var person = new Object();
      person.name = name;
      person.age = age;
      person.job = job;
      person.sayHi = function(){
        console.log('Hello,xianyu');
      }
      return person;
    }
    var p1 = createPerson('咸鱼', 22, 'hr');

自定义构造函数

    function Person(name,age,job){
      this.name = name;
      this.age = age;
      this.job = job;
      this.sayHi = function(){
      	console.log('Hello,everyBody');
      }
    }
    var p1 = new Person('咸鱼', 22, 'hr');

属性和方法

如果一个变量属于一个对象所有，那么该变量就可以称之为该对象的一个属性，属性一般是名词，用来描述事物的特征
如果一个函数属于一个对象所有，那么该函数就可以称之为该对象的一个方法，方法是动词，描述事物的行为和功能

new关键字

构造函数 ，是一种特殊的函数。主要用来在创建对象时初始化对象， 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。

1. 构造函数用于创建一类对象，首字母要大写。
2. 构造函数要和new一起使用才有意义。

new在执行时会做四件事情

new会在内存中创建一个新的空对象
new 会让this指向这个新的对象
执行构造函数  目的：给这个新对象加属性和方法
new会返回这个新对象

this详解

函数内部的this几个特点

1. 函数在定义的时候this是不确定的，只有在调用的时候才可以确定
2. 一般函数直接执行，内部this指向全局window
3. 函数作为一个对象的方法，被该对象所调用，那么this指向的是该对象
4. 构造函数中的this其实是一个隐式对象，类似一个初始化的模型，所有方法和属性都挂载到了这个隐式对象身上，后续通过new关键字来调用，从而实现实例化