JS基础笔记(二)8.this与原型对象

this

解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this,this指向的就是一个对象，这个对象我们称为函数执行的上下文对象.
根据函数调用方式不同，this会指向不同的对象
1.以函数的形式调用时，this就是window
2.以方法的形式调用，this就是调用方法的对象
详细this解析会在js高级笔记中展现

function fun(a,b){
			console.log(this);
		}
		fun(123,456);
		
		var obj = {
			name:"老四",
			sayName:fun
		}
		obj.sayName();

原型对象

原型prototype

• 我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype，这个属性对应着一个对象，这个对象就是我们所谓的原型对象。
• 如果函数作为普通函数调用prototype没有任何作用。
• 当函数通过构造函数调用时,它所创建的对象中都会含有一个隐含属性，指向该构造函数的原型对象。
• 如果函数作为普通函数调用prototype没有任何作用
• 当函数以构造函数的形式调用时，它所创建的对象中都会有一个隐含的属性，指向该构造函数的原型对象，我们可以通过_proto_来访问属性。
• 原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有内容，统一设置到原型对象中。
• 当我们访问对象的一个属性或者方法时，它会先在对象自身寻找，如果有则直接使用，如果没有则会去原型对象中寻找，如果找到则直接使用
• 以后创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，这样不用分别为每一个对象添加，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了。

	function MyClass(){
			
		}
		var mc = new MyClass();
		//向对象中添加原型属性a
		MyClass.prototype.a = 123;
		//向mc中添加a属性
		mc.a = "mc中的a";
		// 向MyClass的原型中添加一个方法
		MyClass.prototype.sayHello = function(){
			console.log("hello");
		};
		
		console.log(MyClass.prototype);
		console.log(mc.__proto__ == MyClass.prototype);
		console.log(mc.a);
		console.log(mc.sayHello);

/* 
	创建一个构造函数
*/
		function MyClass(){
			
		}
		// 向MyClass的原型中添加一个name属性
		MyClass.prototype.name = "我是原型中的名字";
		
		var mc = new MyClass();
		
		console.log(mc.name);
 // 使用in检查对象中是否含有某个属性时,如果对象中没有但是原型中有,也会返回true
		console.log("name" in mc);
		mc.age = 18;
		// 可以使用对象的hasOwnProperty()来检查对象自身中是否含有该属性
		// 使用该方法只有当对象自身中含有属性时,才会返回true
		console.log(mc.hasOwnProperty("age"));		

原型对象也是对象，所以它也有原型
当我们使用一个对象的方法和属性时，会先在自身中寻找，自身中如果有，则直接使用，如果没有则去原型对象中寻找，如果原型对象中有，则使用，如果没有则去原型的原型中寻找,直到找到Object对象的原型，Object对象的原型没有原型，如果Object中依然没有找到，则返回undefined。

console.log(mc.__proto__.hasOwnProperty("hasOwnProperty"));
console.log(mc.__proto__.__proto__.hasOwnProperty("hasOwnProperty"));

toString

直接在页面中打印一个对象时,事件上是输出的对象的toString()方法的返回值，
如果我们希望在输出对象时不输出[Object Object],可以为对象添加一个toString()方法。

function Person(name,age,gender){
			this.name = name;
			this.age = age;
			this.gender = gender;
}
		// 创建一个Person实例
		var per = new Person("jjia",20,"男");
		var per2 = new Person("ad",20,"男");
		console.log(per);
// 直接在页面中打印一个对象时,事件上是输出的对象的toString()方法的返回值
		console.log(per.toString());
// 如果我们希望在输出对象时不输出[Object Object],可以为对象添加一个toString()方法
		// 修改原型对象
Person.prototype.toString = function(){
return "Person[name="+this.name+",age="+this.age+",gender="+this.gender+"]";
};
		console.log(per.toString());
		console.log(per);
		console.log(per2);
		console.log(per2.toString());

垃圾回收

垃圾回收(GC)

• 就像生活的时间长了会产生垃圾一样，程序运行过程中也会产生垃圾
  这些垃圾积攒过多以后，会导致程序运行速度过慢， 所以我们需要一个垃圾回收机制，来处理程序过程中产生垃圾
• 当一个对象没有任何的变量或属性对它进行引用，此时我们将永远无法操作该对象，此时这种对象就是一个垃圾，这种对象过多会占用大量的内存空间，导致程序运行变慢，所以这种垃圾必须进行清理。
• 在JS中拥有自动的垃圾回收机制，会自动将这些垃圾对象从内存中销毁，我们不需要也不能进行垃圾回收的操作。
• 我们需要做的只是将不再使用的对象设置为null即可