2.js深入（以通俗易懂的语言解释JavaScript）

1.函数返回值：

　　即函数的执行结果

　　可以没有return

　　经验：一个函数应该只返回一种类型的值

2.函数传参

　　可变参（不定参）：arguments　　——>（参数的个数可变，参数数组）

　　例子1：求和

 function sum() {
     //alert(arguments.length);
     //alert(arguments[0]);
     //类似面试题数组求和

     var result=0;

     for(var i=0;i<arguments.length;i++){
         result+=arguments[i];
     }

     return result;
 }

 alert(sum(8, 8, 8, 8, 8, 8));

　　例子2：CSS函数

 function css(obj, name, value){
     if(arguments.length==2)    //获取{
         return obj.style[name];
     }
     else{
         obj.style[name]=value;
     }
 }

 window.onload=function (){        //先渲染页面，再执行此函数
     var oDiv=document.getElementById('div1');

     //alert(css(oDiv, 'width'));

     css(oDiv, 'background', 'green');
 };

 //<div id="div1" style="width:200px; height:200px; background:red;">

3.取非行间样式（不能用来设置）

　　第二个兼容(第一个兼容问题待补充)

 //#div1 {width:200px; height:200px; background:red;}

 var oDiv=document.getElementById('div1');

     if(oDiv.currentStyle){
         //IE
         alert(oDiv.currentStyle.width);
     }
     else{
         //FF
         alert(getComputedStyle(oDiv, false).width);
     }

　　将以上函数封装，以后可通过引入的方式直接使用

 function getStyle(obj, name){
     if(obj.currentStyle){
                 //IE
         return obj.currentStyle[name];
     }
     else{
                 //Chrome、FF
         return getComputedStyle(obj, false)[name];
     }
 }

 window.onload=function (){
     var oDiv=document.getElementById('div1');

     alert(getStyle(oDiv, 'width'));
     //alert(getStyle(oDiv, 'background'));    //取不到，应该用下面的写法
     //alert(getStyle(oDiv, 'backgroundColor'));
 };

　　js第二定律：但凡是好东西，一定不兼容（所以第一定律是？？？）

　　经验：js中 99.99...%的兼容问题都是通过 if 来解决的

　　上述代码background取不到背景色是因为background是一个复合样式，包括背景色、背景图片、背景位置......　　

　　复合样式：background、border
　　单一样式：width、height、position

4.数组基础

　　 定义：var arr = [1,2,3,4];

　　　　　var arr = new Array(1,2,3,4);

　　　　　这两种方式无任何差别，[ ]的性能略高，因为代码短。　　

　　数组的属性：length

　　　　既可获取，又可设置，例如设置 arr.ength=0;可快速清空数组

　　原则：数组中应该只存一种类型的变量

　　添加、删除元素

　　　　添加：push(元素)，从尾部添加；unshift(元素)，从头部添加

　　　　删除：pop()，从尾部弹出；shift()，从头部弹出

　　数组的万能操作：splice

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

 //删除：splice(起点, 长度)
 //arr.splice(2, 3);    //1,2,6

 //插入：splice(起点, 长度, 元素...);
 //arr.splice(2, 0, 'a', 'b', 'c');    //1,2,a,b,c,3,4,5,6

 //替换
 arr.splice(2, 2, 'a', 'b');    //1,2,a,b,5,6

 alert(arr);

　　数组连接：concat、join　　

 var a=[1,2,3];
 var b=[4,5,6];

 //alert(a.concat(b));
 alert(b.concat(a));

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

 alert(arr.join('- '));    //1-2-3-4    连接成字符串

　　数组排序：sort

　　　　排列一个字符串数组

 var arr=['float', 'width', 'alpha', 'zoom', 'left'];

 arr.sort();    //a->Z

　　　　排列一个数字数组，如果直接用sort方法，则sort()会把数字当作字符串来处理，可通过比较函数来解决数字数组排序问题（面试题）

 var arr=[12, 8, 99, 19, 112];

 arr.sort(function (n1, n2){
     if(n1<n2){
         return -1;
     }
     else if(n1>n2){
         return 1;
     }
     else{
         return 0;
     }
 });

 alert(arr);

　　　　偷懒的好方法

 var arr=[12, 8, 99, 19, 112];

 arr.sort(function (n1, n2){
     return n1-n2;
 };

（ps：本内容整理于blue视频教程及个人学习过程中总结，持续更新中）