js面向对象（一）---基本的概念、属性、方法

一、什么是面向对象编程

　　1、用对象的思想去写代码，就是面向对象编程

　　2、我们一直在使用对象，如数组Array    时间Date

//我们把系统自带的对象，叫做系统对象
var arr = new Array();
arr.length;
arr.push();

 

二、面向对象编程（oop）的特点

　　抽象：抓住核心问题

　　封装：只能通过对象来访问方法

　　继承：从已有对象上继承出新的对象

　　多态：多对象的不同形态

 

三、高级面向对象的一些概念、名词

　　1、包装对象：JS基于原型的程序，包括String、Number、Boolean

//这个基本类型的包装对象类型是String
var str = "hello";
//基本类型会找到对应的包装对象类型，然后包装对象把所有的属性和方法给了基本类型，然后包装对象消失
str.charAt(0);   //h

 

　　2、原型链：

　　　　-实例对象与原型之间的连接，叫做原型链

　　　　-_proto_(隐式链接）

　　　　-Object对象类型是原型链的最外层

function Aaa(){
	this.num = 20;
}
Aaa.prototype.num = 10;
Object.prototype.num = 30;
			
var a1 = new Aaa();
			
alert(a1.num);    //20
			
/*对象是可以找到原型下的东西的，num是挂载到构造函数Aaa()的原型上，而构造函数的原型本身就是个对象，
num其实就是Aaa.prototype这个对象下面的属性。 而a1之所以能找到num,是因为a1与Aaa()之间有一个链接，
这个链接就称为原型链。 a1本身是没有num的，所以a1先往自己身上找，没找到然后才顺着原型链一层一层的往上找
 */
			
//原型链的最外层：object:prototype

 

 四、面向对象的一些属性和方法（虽然用得比较少）

　　hasOwnProperty():看是不是对象自身下面的属性

var arr = [];
arr.num = 10;
Array.prototype.num2 = 20;

alert(arr.hasOwnProperty('num'))  //true
alert(arr.hasOwnProperty('num2'))  //false

 

　　constructor : 查看对象的构造函数。----每个原型都会自动添加constructor属性，for   in 的时候有些属性是找不到的，要避免修改constructor属性

function Aaa(){}

//创建构造函数后，系统1自动创建的这个属性			
Aaa.prototype.constructor = Aaa;
			
//在给原型这样添加变量时，记得修正construcor的指向，
Aaa.prototype = {
	construcor: Aaa,
	name : '小明',
	age : 20
}
			
var a1 = new Aaa();
			
alert(a1.constructor);   //function Aaa(){}

 

　　instanceof : 运算符。---对象与构造函数在原型链上是否有关系

function Aaa(){}			
var a1 = new Aaa();
			
alert(a1 instanceof Aaa);   //true
alert(a1 instanceof Object);   //true
alert(a1 instanceof Array);  //false

 

　　toString() : object上的方法，把对象转成字符串

//变成字符串
var arr = [1,2,3];
alert(arr.toString());   //'1,2,3'
			
//数字进制转换      这里是16进制
var num = 225;
alert(num.toString(16));  //'e1'
	
//利用toStriing作类型的判断     ，这是判断类型最完美的方法
var arr = null;
var arr2 = [];
alert(Object.prototype.toString.call(arr) == '[object Array]')   //false
alert(Object.prototype.toString.call(arr2) == '[object Array]')   //true