（1）、函数命名
    1、  可以使用字符、数字、下划线、$；
    2、  不能以数字开头；
    3、  不能使用关键字和保留字；
    4、  区分大小写；
    5、  建议要有意义 --  动词+名字结构；
    6、  驼峰命名法；
    7、  函数名不能重名，后面写的重名函数会把前面写的函数给覆盖掉；

（2）、函数的返回值
返回值：
    当函数执行完毕之后，所得到的结果就是一个函数返回值
    任意函数都有返回值

1、  在函数内部没有显示的写有return的时候，函数的返回值是undefined；
2、  当函数内部有return，但是return后面没有跟着任何内容或者数据的时候，
函数的返回值是undefined，并且return后面的代码不会执行；
3、  当return后面跟着内容或者数据的时候，函数的返回值就是这个跟着的内容或者数据；


（3）、函数的四种形式：
    1、没有参数，没有return；
            通常在于封装一段过程；
    2、没有参数，有return；
            通常用于内部封装引用其他函数（闭包，回调）；
    3、有参数，没有return；
            通常用于执行操作的封装；
    4、有参数，有return；
            常见形式；

（4）、匿名函数
    匿名函数的name属性值为anonymous；
    函数仅用一次的情况，即用即废；

    eg:
        setTimeout(function(){
            console.log(this.name);
        },1000);
    tips:在1秒后在控制台打印出本函数的名称；

（5）、回调函数
    在一个函数当中，另一个函数作为参数传入该函数中，另一个的这个函数即为回调函数；
    eg:
        function atack(callback){
            return callback;
        }
    tips:在调用该函数时，指定callback是哪个函数；
        atack（func）；

（6）、短路运算
    作用：防止传入函数的数据不足，造成无法运行；
    eg：
        function getResult(a,b,fn) {
            fn && fn();
        }（通常使用逻辑与的短路来决定是否执行回调函数；）

        function getResult_2(a,b){
            a || 0;
        }（通常用逻辑或的短路来防止实参不足的情况，强行赋值；）

（7）、自执行函数
    （function func2(){

    }）()

    tips:在函数定义的结束最后写入一个（），该函数定义完成后直接被调用执行；

（8）、递归
    在函数执行的最后再一次的调用自身；

    tips:递归是一种非常耗资源的做法，通常为了简化运算，还会结合缓存进行；
    并且注意，递归必须要有结束判断条件（if），否则该函数被调用后就是死循环；

date.getTime()
date.getMilliseconds()
date.getSeconds()
date.getMinutes()
date.getHours()
date.getDay()
date.getDate()
date.getMonth()
date.getFullYear()

tips:很多，查文档

charAt(index)
str[index]          获取字符串指定位置的字符

concat()        拼接字符串
---------------------------
slice(start,end)/
substring(start,end)    截取从start开始，end结束的字符，
                返回一个新的字符串，若start为负数，那么从最后一个字符开始；

substr(start,length)    截取从start开始，length长度的字符，得到一个新的的字符串
---------------------------

indexOf(char)       获取指定字符第一次在字符串中的位置
lastIndexOf(char)   获取指定字符最后一次出现在字符串中的位置

trim()      去除字符串前后的空白
---------------------------
toUpperCase()
toLocaleUpperCase()     转换为大写

toLowerCase()
toLocaleLowerCawse()    转换为小写
---------------------------

replace()       替换字符
split()         分割字符串为数组

(1)、元素由对象组成的数组进行排序
    eg：
        var data = [
            {title: "老司机", count: 20},
            {title: "诗人", count: 5},
            {title: "歌手", count: 10},
            {title: "隔壁老王", count: 30},
            {title: "水手", count: 7},
            {title: "葫芦娃", count: 6},
        ];
            //该数组的元素都为对象。我们需求为根据count的值给数组重新排序。
            //解决方案：使用sort方法，对传入的函数做手脚。

        function sortArr(a,b){
            return a.count > b.count;   
        }
        data.sort(sortArr);

            //原本的a和b的比较方法变成a.count和b.count；
            //原本的比较方法可以参见17，数组对象
            //至此，data将以count值从小到大排列。

    tips:Array对象的sort方法传入的为比较函数，比较函数里return排序比较的方法；
        原始的sort方法传入的函数内部return的值为a>b，
        通过修改sort传入的函数，可以实现对元素为对象的数组的排序！

<script  type ="text/javascript">
       var obj = "JavaScript程序设计";
       document.write("anchor():" + obj.anchor() + "<br/>");
       document.write("big():" + obj.big() + "<br/>");
       document.write("blink():" + obj.blink() + "<br/>");
       document.write("bold():" + obj.bold() + "<br/>");
       document.write("fixed():" + obj.fixed() + "<br/>");
       document.write("fontcolor(red):" + obj.fontcolor("red") + "<br/>");
       document.write("fontsize(6):" + obj.fontsize(6) + "<br/>");
       document.write("italics()" + obj.italics() + "<br/>");
       document.write("link()" + obj.link("https://home.cnblogs.com/u/cyjy/") + "<br/>");
       document.write("small()" + obj.small() + "<br/>");
       document.write("strike():" + obj.strike() + "<br/>");
       document.write("sub():" + obj.sub() + "<br/>");
       document.write("sup():" + obj.sup() + "<br/>");
       
   </script>

<script  type ="text/javascript">
         var obj = "JavaScript";
         var obj2 = new String("程序设计");
         document.write("英文测试字符串：" + obj  + "<br/>");
         document.write("中文测试字符串：" + obj2 + "<br/>");
         document.write("英文测试字符串length：" + obj.length + "<br/>");
         document.write("中文测试字符串length：" + obj2.length+ "<br/>");
         document.write("英文测试字符串小写：" + obj.toLowerCase() + "<br/>");
         document.write("英文测试字符串大写：" + obj.toUpperCase() + "<br/>");
    </script>

<script  type ="text/javascript">
         var obj = "JavaScript";
         var obj2 = new String("程序设计");
         document.write("英文测试字符串：" + obj + "<br/>");
         document.write("中文测试字符串：" + obj2 + "<br/>");
         document.write("英文测试字符串.charAt(4)：" + obj.charAt(4) + "<br/>");
         document.write("英文测试字符串charCodeAt(4)：" + obj.charCodeAt(4) + "<br/>");
    </script>

<script  type ="text/javascript">
        var obj = "JavaScript";
        var obj2 = new String("程序设计");
        document.write("英文测试字符串indexOf('a')：" + obj.indexOf('a') + "<br/>");
        document.write("英文测试字符串indexOf('a',2)：" + obj.indexOf('a',2) + "<br/>");
        document.write("中文测试字符串.indexOf('程序')：" + obj2.indexOf('程序') + "<br/>");
        document.write("英文测试字符串.lastIndexOf('a') ：" + obj.lastIndexOf('a') + "<br/>");
        document.write("英文测试字符串.match('Java')：" + obj.match('Java') + "<br/>");
        document.write("中文测试字符串.match('程序')：" + obj2.match('程序') + "<br/>");
        document.write("英文测试字符串.search('Java')：" + obj.search('Java') + "<br/>");
        document.write("中文测试字符串.search('学校')：" + obj2.search('学校') + "<br/>");
    </script>

<script  type ="text/javascript">
       var obj = "JavaScript";
       var obj2 = new String("程序设计");
       document.write("英文测试字符串：" + obj + "<br/>");
       document.write("中文测试字符串：" + obj2 + "<br/>");
       document.write("英文测试字符串.replace('Script', '')" + obj.replace('Script', '') + "<br/>");
       document.write("中文测试字符串.split('序')" + obj2.split('序') + "<br/>");
       document.write("英文测试字符串.substr(2,4)" + obj.substr(2, 4) + "<br/>");
       document.write("英文测试字符串obj2.substring(2,5)" + obj2.substring(2, 5) + "<br/>");
   </script>

<script  type ="text/javascript">
        var arr = new Array(1,2,3,4);
        var arr2 = new Array(3);
        arr2[0] = "one";
        arr2[1] = "two";
        arr2[2] = "three";
        //用循环显示数组值
        for (var i = 0; i <=arr.length; i++)
        {
            document.write(arr[i] + "<br/>");
        }
        for (var i = 0; i <3; i++) {
            document.write(arr2[i] + "<br/>");
        }
    </script>

<script  type ="text/javascript">
        var arr = new Array(1,2,3,4);
        var arr2 = new Array(3);
        arr2[0] = "one";
        arr2[1] = "two";
        arr2[2] = "three";
        function showarr(arr) {
            for (var i = 0; i < arr.length; i++) {
                document.write(arr[i] + ",");

            }
        }
        document.write("数组长" + arr2.length + "<br/>");
        document.write(arr2.join() + "<br/>");
        arr2.reverse();//反转数组
        document.write("<br/>");
        showarr(arr);
        document.write("<br/>");
        arr = arr.concat(arr2);//连接两个数组
        showarr(arr);
    </script>

<script  type ="text/javascript">
          var arr = new Array(3);
          for (var i = 0; i < 3; i++)
          {
              arr[i] = new Array(2);
          }
          arr[0][0] = "1";
          arr[0][1] = "2";
          arr[1][0] = "3";
          arr[1][1] = "4";
          arr[2][0] = "5";
          arr[2][1] = "6";
          for (var j= 0; j< arr.length;j++)
          {
              for (i = 0; i < arr[i].length; i++) {
                  document.write(arr[j][i]);
              }
                  document.write("<br/>");
              
          }
    </script>

<script  type ="text/javascript">
        var youDate = new Date();
        document.write("系统日期：" + youDate.getDate());
        document.write("<br/>");
        document.write("系统时间：" + youDate.getHours() + ":" + youDate.getMinutes()+":"+youDate.getSeconds());
    </script>

<script  type ="text/javascript">
        var num = Math.round(Math.random() * 100);
        document.write("0~100之间的随机数"+num);
    </script>

var node1 = document.createElement('div');
var node2 = document.createTextNode('hello world!');

// 返回当前文档中第一个类名为 "myclass" 的元素
var el = document.querySelector(".myclass");

// 返回一个文档中所有的class为"note"或者 "alert"的div元素
var els = document.querySelectorAll("div.note, div.alert");

// 获取元素
var el = document.getElementById('xxx');
var els = document.getElementsByClassName('highlight');
var els = document.getElementsByTagName('td');
Element也提供了很多相对于元素的DOM导航方法：

// 获取父元素、父节点
var parent = ele.parentElement;
var parent = ele.parentNode;//只读，没有兼容性问题
var offsetParent=ele.offsetParent;//只读，找到最近的有定位的父节点。
　　　　　　　　　　　　　　　　　　　　　//没有定位父级时，默认是body;但在IE7以下，如果当前元素没有定位属性，返回body，如果有，返回HTML;
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 //如果当前元素某个父级触发了haslayout，则返回触发了haslayout这个元素。

// 获取子节点，子节点可以是任何一种节点，可以通过nodeType来判断
var nodes = ele.children;//标准下、非标准下都只含元素类型，但对待非法嵌套的子节点，处理方式与childNodes一致。   
var nodes = ele.childNodes;//非标准下：只包含元素类型，不会包含非法嵌套的子节点。
　　　　　　　　　　　　　　　　//标准下：包含元素和文本类型，会包含非法嵌套的子节点。 

//获取元素属性列表
var attr = ele.attributes;

// 查询子元素
var els = ele.getElementsByTagName('td');
var els = ele.getElementsByClassName('highlight');

// 当前元素的第一个/最后一个子元素节点
var el = ele.firstChild;//对待标准和非标准模式，如childNods
var el = ele.lastChild;
var el = ele.firstElementChild;//非标准不支持
var el = ele.lastElementChild;
// 下一个/上一个兄弟元素节点
var el = ele.nextSibling;
var el = ele.previousSibling;
var el = ele.nextElementSibling;
var el = ele.previousElementSibling;

// 添加、删除子元素
ele.appendChild(el);
ele.removeChild(el);

// 替换子元素
ele.replaceChild(el1, el2);

// 插入子元素
parentElement.insertBefore(newElement, referenceElement);

//克隆元素
ele.cloneNode(true) //该参数指示被复制的节点是否包括原节点的所有属性和子节点

// 获取一个{name, value}的数组
var attrs = el.attributes;

// 获取、设置属性
var c = el.getAttribute('class');
el.setAttribute('class', 'highlight');

// 判断、移除属性
el.hasAttribute('class');
el.removeAttribute('class');

// 是否有属性设置
el.hasAttributes();     

//获取窗口相对于屏幕左上角的位置
var leftPos=(typeof window.screenLeft==='number')?window.screenLeft:window:screenX;
var topPos=(typeof window.screenLeft==='number')?window.screenTop:window:screenY;

window.moveTo(0,0)
window.moveBy(20,10)
window.resizeTo(100,100);
window.resizeBy(100,100);

var pageWith=document.documentElement.clientWidth||document.body.clientWidth;
var pageHeight=document.documentElement.clientHeight||document.body.clientHeight;

location.hash　　#contents　　返回url中的hash，如果不包含#后面的内容，则返回空字符串

location.host　　www.wrox.com:80　　返回服务器名称和端口号

location.port　　80　　返回端口号

location.hostname　　www.wrox.com　　返回服务器名称

location.href　　http://www.wrox.com　　返回当前加载页面的完整url

location.pathname　　/index.html　　返回url中的目录和文件名

location.protocol http　　返回页面使用的协议

location.search　　?q=javascript　　返回url中的查询字符串

location.href=http://www.baidu.com

location.replace('http://www.baidu.com')//不会在历史记录中生成新纪录，用户不能回到前一个页面。

location.reload()：//重置当前页面，可能从缓存，也可能从服务器；如果强制从服务器取得，传入true参数

navigator.userAgent：//用户代理字符串，用于浏览器监测中、

navigator.plugins://浏览器插件数组，用于插件监测

navigator.registerContentHandler //注册处理程序，如提供RSS阅读器等在线处理程序。

history.go(-1) 等价于history.back()
history.go(1) 等价于 history.forward()
history.go(1) //前进两页
history.go('wrox.com')

function func(){
  //函数体
}
//等价于
var func=function(){
  //函数体
}