初识JavaScript（1）

1.常用JavaScript的三个语句：

		<script type="text/javascript" charset="utf-8"  >
			
				//浏览器对象 window 弹出警告框 
				//window.alert('hello javascript! my comming....');
				//文档的对象
				//document.write('我是第一个程序...!');
				//把内容打印到控制台，调试用的多
				//console.info('hello js!!!');
		</script>

2.两种方式写js。

第一种是引用外部的js文件，../代表此html文件的上级。defer属于有延迟执行的效果，如果不写，会执行第一个script。写了defer会执行第二个script。

第二种情况下，不能引用外部js文件，只能在<script></script>中写。

		<!-- 外部引入文件 src属性 -->
		<!-- 解析顺序 从上到下 边解析边执行 -->
		<!-- 延迟执行：defer 可以延迟执行代码（当页面都加载完毕以后执行）  -->
		<script type=text/javascript charset=utf-8 defer="defer" src='../commons/001.js'></script>

		<script type=text/javascript charset=utf-8 >
			alert('我是内部代码!!!!');
		</script>

3.变量类型

–  全局变量

•    在方法外部声明的变量

•    方法内部，没有加var关键字声明的变量

–  局部变量

方法内部，使用var声明的变量

				var a = 3 ;		        // number全局变量 
				function test(){
					//var b = 2 ;		//局部变量
					c = 5 ;			//全局变量
					alert(a);
				}
				test();
				alert(c);
				//alert(b);

4.数据类型

•    ECMAScript中,数据类型也分为基本类型和引用类型两大类.

•    基本数据类型：Number、Boolean、String、Undefined、Null

–  Number：整数和小数(最高精度17位小数)、NaN、Infinity, -Infinity

–  Undefined：表示变量声明但未赋值.

–  Null:表示一个空的对象引用(也就是赋值为null)

•    引用类型：Object类型 (比如对象、数组、RegExp、Date...)

5.数组

5.1特点：

a)        “数组”即一组数据的集合。

b)        js数组更加类似java的容器。长度可变，元素类型也可以不同！

c)        数组长度随时可变！随时可以修改！（length属性）

常用方法：

a)        push、unshift

b)        pop、shift

c)        splice、slice

d)        concat、join、sort、reverse等

var arr = new Array();
var arr = [1,2,3,4,true ,'abc' , new Date()] ; //声明数组

var arr = [new Date(),false] ;
var result = arr.push(1,2,true);	//push方法：向数组中追加元素(返回值为新数组的长度)
var r1 = arr.unshift(10,false);	// unshift方法：从头部插入多个元素(返回值为新数组的长度)

var obj = arr.pop();		// pop方法：从数组的尾部移除一个元素(返回值为移除的元素)
var r2 = arr.shift();		// shift方法：从头部移除一个元素(返回移除的元素)

var arr = [1,2,3,4,5];
arr.splice(1,2,3,4,5);	//返回结果： 134545    //splice方法
/**splice: 
第一个参数 :起始位置        1
第二个参数 :表示截去的个数       145
第三个参数以后:表示追加的新元素，然后在截去的位置追加   134545
操作数组本身**/

var arr = [1,2,3,4,5];
var reuslt = arr.slice(2,4);               //3,4    //返回截取的内容
/**slice：截取范围 (左闭右开区间)左包括
不操作数组本身**/

var arr1 = [1,2,3];
var arr2 = [true , 4 , 5];
var reuslt = arr1.concat(arr2);		// concat方法，合并粘连的操作(不操作数组本身)

var result = arr1.join('-');	 //返回：1-2-3 // join方法，在每个元素之间加入内容(不操作数组本身)

var arr1 = [10,2,4,1,7];
arr1.sort();       //sort方法：排序，元素当成字符串排序   1 10 2 4 7 
arr1.reverse();		// reverse方法：倒序排序，是按照集合的位置进行倒叙的

5.2补充

•    对于ECMAscript5这个版本的Array新特性补充：

–  位置方法：indexOf      lastIndexOf

–  迭代方法：every  some   filter   forEach  map

–  缩小方法：reduce    reduceRight

var arr = [1,2,3,4,5,4,3,2,1];

var index = arr.indexOf(4);   //1个参数的时候表示传值，返回索引位置(index从0开始)
var index = arr.indexOf(4,4);  //2个参数的时候，第一个参数为起始位置，第二个参数还是值
var index = arr.lastIndexOf(2);  //从后开始查找值为2，返回索引位置

//every :对于数组每一个元素进行一个函数的运行，如果都返回true，最后则返回true，如果有一个返回false，最后结果则返回false。
var result = arr.every(function(item , index , array){
return item > 2
}
False

//some :对于数组每一个元素进行一个函数的运行，如果有一项返回true，最后则返回true，如果每一项都返回false，最后结果则返回false
var result = arr.some(function(item, index, array){
return item >=5 ;
});


//filter :对于数组的每一个元素进行一个函数的运行，给定的函数去执行，把过滤后的结果返回。
var result = arr.filter(function(item , index , array){
return item > 2 ;
}
返回3,4,5,4,3

//forEach :循环数组每一项的值，并执行一个方法 
arr.forEach(function(item, index, array){
alert(item);
});

//map 对于数组的每一个元素进行一个函数的运行，可以经过函数执行完毕后，把新的结果返回
var result = arr.map(function(item, index, array){
return item*2;
});


//遍历的起始位置不同 (了解)
//前一个值 , 当前值 , 索引位置 , array
var result = arr.reduce(function(prev , cur , index , array){
return prev + cur ;
});
var result = arr.reduceRight(function(prev , cur , index , array){
return prev + cur ;
});