对象与this的归纳

OOP：
程序中用对象来描述现实中的一个具体事务

对象：
封装了一个事务的属性和功能的程序结构，对象有自己的属性，属性的属性值可以为任意的内容,当属性值为函数的时候，我们称为方法。当属性值为对象的时候，称为子对象

为什么用OOP
和现实中人的想法非常接近，便于大程序的维护

对象用来做什么？
内存中同时存储多个数据和功能的存储空间

什么时候用？
今后开始写程序之前，都要先用对象，描述好要操作东西的属性（静态）和功能（动态），再按照需求使用对象的功能，访问对象的属性

对象的创建形式：
例子
1.对象字面量

var obj = {}; ==>var obj = new Object();
1
2.系统的构造函数

var obj = new Object();
1
在js中，万物皆为对象，而对象又拥有自己的属性和方法
例子：

var str = “你好呀！”
//此时str为一个对象，他拥有自己的属性
str.length //为他的属性
str.indexOf（“你”） //为他的方法

对象不但拥有自己的属性和方法，还可以被定义属性和方法

数据类型
原始 number boolean string undefined null
引用 object array function

不可以改变的原始类型和可以改变的引用类型(地址的改变)
数据的存储，存储是一个地址,不管是原始类型还是引用类型
简而言之：引用数据类型可以直接设置自己的属性和方法（增删改查），而原始数据类型不能直接设置自己的属性和方法，添加上去后又马上删除了
例子：

增
	var obj = {};
	obj.name = "jack";   //增加属性
	console.log(obj.name ) //jack
删    不要轻易使用，很危险！！！
var obj = {};
	obj.name = "jack";   //增加属性
	delete obj.name;
	console.log(obj.name ) //undefined	

查
var obj = {};
	obj.name = "jack";   //增加属性
	console.log(obj.name ) //属性查看
改
var obj = {};
	obj.name = "jack";   //增加属性
	console.log(obj.name ) //属性查看
	obj.name = "铁柱";
	console.log(obj.name ) //铁柱

构造(Constructor)方法创建对象
自己定义的构造函数

function Person(){
this.name = “jack”;
this.age = “30”;
return this;
}

1、构造方法是专门描述一类对象统一结构的函数
2、反复创建多个相同结构的对象时，都要先定义统一的构造函数，再使用构造函数反复创建对象
解决：复用对象的结构代码
构造方法， 就是一个函数，只是说这个函数是用来出对象用的。 遵循大驼峰命名规则（人为定义）

使用new调用构造函数

var p1 = new Person()
1
当你使用new关键字调用函数以后，数据类型变为object，Person函数里面会产生一个this的空对象，可以理解为将函数体里面的属性和方法放进去
变成这样

function Person(){   //理解版本

var this={
name = “jack”，
age = “30”，
}
return this;
}

注意：最后返回值为this，如果要强行改变返回值，必须返回的为引用数据类型，原始数据类型不能返回，默认还是返回this

console.log( p1.name) //jack
1
原始类型是不能添加直接属性和方法的

原始类型的字符串
var str = “hello world”;

字符串对象
var str1 = new String(“hello world”); //new + 构造函数
console.log(typeof str) //string
console.log(typeof str1) //object

str.abc = "nihao " //可以添加上去，但是马上删除，因为他是原始类型
console.log(str.abc); //undefined

str1.abc = “nihao”;
console.log(str1.abc); //nihao

基本包装类型：Boolean,Number,String

    var num = 10;
	var num1 = new Number(10);
	console.log(num,num1)    //10   Number {10}
                                                       
	var bol = true;
	var bol1 = new Boolean(true);
	console.log(bol,bol1)        //true   Boolean {true}
	console.log(typeof num1)   // object

关于this指向问题
分为几种情况

1.在函数中使用的this
1.1 正常的预编译（函数的常规调用），this指向的是window

1.2 通过new关键字调用

2.在全局中this指向的是window

this.abc = 123;
console.log(this.abc) //123

3.在对象中,谁调用这个方法，this就指向谁

var name = “222”;
var a = {
name : “111”,
say : function(){
console.log(this.name);
}
}
a.say(); //111 a调用所以this指向a
var fun = a.say;
fun(); ///222 fun（）没有直接被对象调用，默认window.fun()，此时this指向window,在window中找name
var b = {
name : “333”,
say : function(fun){
fun(); //fun（）没有直接被对象调用，默认window调用，此时this指向window，重点在于被谁调用
}
}
b.say(a.say); //222 fun被调用时并，前面没有直接的对象调用，默认为Windows.fun（）
b.say = a.say;
b.say(); //333 被b调用，所以this指向b，去b对象里找name

4.call和apply可以改变this的指向
call/apply
作用：改变this的指向
区别：使用的方法不同，功能是相同的

call用法一：通过改变this指向来查看数据类型

call用法二和apply

例子

注意：这里仅仅只改变this后面追加的属性和方法的指向，并没有改变__proto__的指向

例子2

function Person(name,age,sex){
this.name = name;
this.age = age;
this.sex = sex;
}

function Student(name,age,sex,tel,gra){
Person.apply(this,[name,age,sex]);//这里的this指向Student函数，通过改变this指向，将Person的参数传递进来
this.tel = tel;
this.gra = gra;
}
var student = new Student(‘jack’,20,‘man’,123456789,2019);

例子3