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="200px; height:200px; background:red;">

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

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

//#div1 {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视频教程及个人学习过程中总结，持续更新中）