JavaScript面向对象笔记01

JavaScript面向对象笔记01

1.构造函数和原型

1.1 概述
	ES6之前，对象不是基于类创建的，而是用构建函数的特殊函数来定义对象和他们的特征
	
1.2 创建对象的三种方式
	1.对象字面量
		var obj = {}l;

	2.new Object();
		var obj = new Object();

	3.自定义构造函数
		function Star(uname, age) {
			this.uname = uname;
			this.age = age;
			this.sing = function() {
				console.log('我会唱歌');
			}
		}

	 	注意：1.构造函数用于创建某一类对象，其首字母要大写
	 		2.构造函数要和new一起使用才有意义
	 		3.构造函数会返回一个新对象，所以构造函数不需要return。

1.3 静态成员 和 动态成员
	1.实例成员：构造函数内部通过this添加的成员 如上 uname,age,sing
		注：只能通过实例化的对象来访问

	2.静态成员 在构造函数本身上添加的成员
		Star.set = '男'；
		注：只能通过构造函数来访问，不可以通过对象访问
		console.log(Star.sex); -- 男
		console.log(ldh.sex); undefine;

1.4构造函数的问题
	1.存在浪费内存的问题
		console.log(ldh.sing === zxy.sing) --false;
		每个对象的函数会单纯开辟内存空间

1.5 prototype 构造函数原型对象 --用来共享方法
	定义在prototype对象中的方法，所有的实例对象可以实现这些方法

	一般情况下，公共属性定义到构造函数里面，公共方法 放到原型对象里.


1.6对象原型__proto__
	对象身上系统自己添加一个__proto__指向构造函数的原型对象prototype
	prototype===__proto__  //true  
	实际开发中不可以使用__proto__，因为它是一个非标准属性，
	其意义是为对象的查找机制提供一个方向，只是内部指向原型对象prototype。

1.7constructor 构造函数
	构造函数原型对象prototype和对象原型__proto__ 里面都有一个constructor属性，constructor是构造函数 它指回构造函数本身。
	constructor主要用于记录该对象引用哪个构造函数，他可以让原型对象重新指向原来的构造函数

	如果修改了原来的原型对象，给原型对象赋值的是一个对象，则必须手动的利用constructor指回原来的构造函数。
	例如：
		Star.prototype = {
			constructor:Star,
			sing: function() {

			},
			movie: function() {}
		}

1.8 原型链
	Star 原型对象里面的__proto__指向Object原型对象的prototype.
	Object原型对象的prototype.__proto_指向null

1.9 js成员查找机制
	1.当访问一个对象的属性包括方法时，首先查找这个对象自身有没有该属性。
	2.如果没有就查找它的原型（也就是__proto__指向的prototype原型对象）
	3.如果还没有就查找原型对象的原型（Object的原型对象）
	4.一次类推一直找到Object为止 null 

1.10原型对象this指向
	1.在构造函数中 ，里面this指向对象实例

1.11扩展内置对象
	可以通过原型对象，对原来的内置对象进行扩展自定义的方法，比如给数据增加自定义求偶数和的功能；
	例如：
		Array.prototype.sum = function() {
			var sum = 0;
			for (var i = 0; i < this.length; i++) {
				sum+= this[i];
			}
			return sum;
		}
	注：数组和字符内置对象不能给原型对象覆盖操作Array.prototype={},因为会覆盖掉原来的其它函数，只能用Array.prototype.sum = function() {}的形式追加

2.继承

2.1 call();
	调用这个函数，并且修改函数运行时的this指向；
	fun.call(thisArg, arg1, arg2, ...)
	thisArg:当前调用函数this指向的对象
	arg1, arg2：传递其它参数
2.2借用构造函数继承父类型属性
	构造函数+原型对象模拟实现继承。
	核心原理：通过call()把父类型的this指向子类型的this，这样就可以实现子类型继承父类型的属性

3.方法

3.1 arr.forEach(function(val, index, array)) {
	//val: 当前值， index：索引，array：数组本身
	//return 不会终止迭代。
};

3.2fitter():用来创建一个新的数组，新数组中的元素是通过检查数组中符合条件的所有元素，主要用于筛选数组。它会直接返回一个新数组。
arr.filter(function(val, index, arr) {
	//val: 当前值， index：索引，array：数组本身
});

3.3some() :返回boolean值 查找元素是否存在
	var arr3 = [1, 2, 3, 20, 25, 'lll'];
	var narr2 = arr3.some(function(val) {
		//val: 当前值， index：索引，array：数组本身
		return val == 'lll';
	});

3.4 Object的definePropert()定义对象中心属性或修改原有的属性
	Object.defineProperty(obj, prop, descriptor);
	obj：必需，目标对象
	prop：必需，需定义或修改的属性的名字
	descriptor:必需，目标属性所拥有的特性
		value:设置属性的值，默认为undefined，
		writable：值是否可以重写，true|false 默认false
		enumerable:目标属性是否可以被枚举，true|false默认为false
		configurable:目标属性是否可以被删除或是否可以再次修改特性true|false默认为false
	例子：
		var obj = {
			id: 1,
			name:'小米'
		};
		Object.defineProperty(obj,'price',{
				value:1000,
				writable:false,
				enumerable:false,
				configurable:false
			});

3.5 Object.keys 返回对象的属性名 ES5中的新增方法
	例： var obj = {id:1,sname: '汉朝'};
		 var arr = Object.keys(obj);