JavaScript高级程序设计读书笔记（8）——引用类型

引用类型

一、Object类型：

1、创建Object实例：

	*使用new操作符；

var obj=new Object();

	*使用字面量表示法

var obj={
	name:"zhang",
	age:12
}

推荐使用字面量表示法
2、属性访问：

var person={
	name:"zhang",
	age:12
	}
alert(person.name);//点表示，推荐方法
alert(person["name"]);//当属性名为敏感字符串时用此方法，比如包含空格、关键字等

二、Array类型

与其他语言不同的是，JavaScript数组中可以保存任意数据类型的数据，并且数组的大小会动态的调整。
1、创建方法：
使用new操作符以及字面量表示法

var arr=new Array();//方法1，括号内可以传参数，规定数组的长度
var arr=[1,2,"qwq",a];//方法2

2、访问数组：
在读取和设置数组时，要使用方括号并提供相应值得基于0的索引。

var arr=[1,2,3.4]
console.log(arr[0]);//访问第一个元素
//当索引值超过数据的长度时，就会为数组在末尾自动添加一个元素，其值为undefined；

数组的项保存在length属性中，它不是只读的，通过设置这个属性可以从数组的末尾移除或添加项。

3、检测数组；
如何确定某个对象是不是数组？
instanceof（）；
Array.isArray（）；

4、转换方法
调用valueof（）返回的还是数组本身；
调用tostring（）返回的是数组中每个值的字符串形式拼接而成的以逗号分隔的字符串；
调用join（）可以自定义分隔符来转换数组；

5、数组的栈方法（后进先出）
数组通过push（）和pop（）来实现栈方法；
push（）方法可以接受任意数量的参数将他们逐个添加到数组的某位；也可获取
pop（）方法可以移除数组的最后一项，减少数据的length值，然后返回被移除的项；也可获取；

6、数组的队列方法：（先进先出）
数组通过shift（）和push（）方法实现队列方法；
shift（）方法可以移除数组的第一位元素，并返回该值；
unshift（）方法可以再数组的前端添加任意个项，并返回新数字的长度；
同时使用unshift()和pop()可以从反方向模拟队列方法；

7、数组的排序方法：
reverse（）和sort（）；
reverse（）是逆向排序；
sort（）方法可以接受一个比较函数作为参数。

		var arr=[2,1,5,3];
            // 1.sort参数---通用函数
            function compareAll(value1,value2){
                // return部分可以设置是倒叙还是顺序
                if(value1<value2){
                    return 1;
                }else if(value1>value2){
                    return -1;
                }else{
                    return 0;
                }
            }
            // 2.valueof()返回值是数字类型的可用下面更为简单的函数作为sort的参数
            function compareNum(value1,value2){
                return value1-value2;//这里可以设置倒序还是顺序
            }
            console.log(arr.sort(compareNum));

8、操作数组的方法：
concat（）方法

var colors1=["red","blue","yellow"];
var colors2=colors1.concat("green",["black","brown"]);
alert(colors1);//["red","blue","yellow"]
alert(colors2);//["red","blue","yellow","green","black","brown"]

slice（）方法
当有一个参数的情况下，表示从当前位置开始截取目标数组直到末尾，并返回一个新的数组；
当有两个参数的情况下，表示从第一个参数的索引为开始截取到第二个参数为止，并不包括第二个参数指向的元素；

splice（）——最强大的数组方法；
删除：两个参数，删除第一项的位置和要删除的项数；splice（0,2）；表示删除数组的前两项；
插入：三个参数，起始位置，0，要插入的项；
替换：三个参数：起始位置，要删除的项数，要插入的任意数量的项；

9、位置方法：
indexof（）和lastIndexof（）；
这两个方法都接收两个参数，要查找的项和查找起点位置的索引；前者从左侧开始查找后者相反；
这两个方法都会返回要查找项在数组中的位置，没找到就返回-1；

10、数组的迭代和归并方法：

			var numbers=[1,2,3,4,5,6,7,8];
            // 1.every(), 扫描符合条件的项然后返回，返回值只有true和false;
            var everyResult=numbers.every(function(item,index,array){
                return item>0;
            });
            console.log(everyResult);

            // 2、filter(),筛选符合条件的项然后返回,返回值是一个数组；
            var filterResult=numbers.filter(function(item,index,array){
                return item>2;            
            });
            console.log(filterResult);

            // 3、forEach(),循环遍历数组元素
            numbers.forEach(function(item,index,array){
                 console.log(item,index);
            });
            
            //4、map(),返回数组，这个数组的每一项都是原始数组对应项上运行函数的结果。
            var mapResult=numbers.map(function(item,index,array){
                return item>2;
            });
            console.log(mapResult);

            // 5、some(),返回值为true或false，只要存在一个满足条件的项就会返回true，否则false。
            var someResult=numbers.some(function(item,index,array){
                return item>2;
            })
            console.log(someResult);

            // 6、归并方法reduce(),reduceRight(),后者从右边开始
            var sum=numbers.reduce(function(prev,cur,index,array){
                return prev+cur;
            })
            console.log(sum);

三、Function类型

函数实际上是对象，每个函数都是Function（）类型的实例，函数名仅仅是指向函数的指针；
1、没有重载：
重载：用同样的方法名，通过传递不同的参数，以实现不同的功能；
JavaScript没有重载，如果声明了同名的函数，后面的函数会覆盖前面的而函数；

2、函数声明和函数表达式

		console.log(test(1,2));//可以执行
            function test(num1,num2){
                return num1+num2;
            }

            // console.log(foo(1,2));这里会报错无法执行
            var foo=function(num1,num2){
                return num1+num2;
            }
            console.log(foo(1,2));

3、作为值得函数：
函数名本身就是变量，所以函数也可以作为值来使用；

4、函数内部属性；
在函数内部有两个对象：arguments和this；
arguments对象的主要用途是保存函数的参数，这个对象有一个属性：callee，该属性是一个指针，指向拥有arguments对象的函数；在函数内部可以用arguments.callee来代替函数名来消除紧密耦合的现象；

5、函数的属性和方法
前面提到过函数是对象那么函数就有属性和方法；
属性：length和prototype
length表示函数希望接受的命名参数的个数；
prototype表示原型；
方法：call（）和apply（）
这两个方法都表示在特定的作用域中调用函数，实际上是设置函数内this对象的值；
apply（），有两个参数一个是函数运行的作用域，一个是参数数组；
call（），第一个参数是this，参数直接传递不需要数组；
这两种方法可以用来传递参数，但他们真正强大的一点是——扩充函数运行的作用域；

	window.color="red";
	var o={color:"blue"}
	function sayColor(){
		alert(this.color);
	}
	sayColor();//red
	sayColor.call(this)//red;
	sayColor.call(window)//red;
	sayColor.call(o)//blue;

关于bind（）方法；
bind（）方法可以创建一个函数的实例，将函数的this指向绑定给传入bind（）函数的值；

		window.color="red";
		var o={color:"blue"};
		function sayColor(){
			alert(this.color);
			}
		var newColor=sayColor.bind(o);
		newColor()//blue