Java Script随笔（一）

Java Script随笔

下面是小遍对于js的一点总结。当然这并不完整，但对于新手无疑很有帮助，一般我遇到问题时，就会查询我的随笔，希望可以帮到你们。

1.function 函数名（）{
    //命名函数
    //函数关键字
}

2.var fn=function(){
    //匿名函数
    //变量名fn里存储的是函数
    //此函数可通过变量名调用
}
2.1（function（）{
    alert(123);
    //匿名函数自调用
} )（）;

扩展：参数
//带参只能调用带参
//调用的参数称为实参，被调用的称为形参
实参个数等于形参个数    输出正确结果
实参个数多于形参个数    只取到形参的个数
实参个数小于形参    多的形参定义为undefined,结果为NaN

注释：undefined：译为未定义

扩展：break;continue;return的区别：
break: 结束当前的循环体 (如for、while)
continue: 跳出本次循环，继续执行下次循环
return: 不仅可以退出(函数体内)循环，还能够返回return语句中的值，同时还可以结束当前的函数体内的代码

3.作用域：可用性代码范围
全局作用域：作用于所有代码执行的环境或一个独立的js文件
局部作用域：作用于函数内部代码环境，又称函数作用域
js没有块级作用域（与其他语言的较大区别之一）

3.1作用域链：即作用域中的作用域，函数中的函数，致使内部函数可以访问外部的机制。

//这里打印a没有返回3，而打印b返回‘22’即“就近原则”；
例子：
var a = 1;
function fn1() {
      var a = 2;
      var b = '22';
         fn2();
      function fn2() {
          var a = 3;
          fn3();
          function fn3() {
              var a = 4;
              console.log(a); //a的值 4
              console.log(b); //b的值 '22'
          }
      }
  }
  fn1();

  4.数组：sort（）；利用a-b或b-a控制升序降序，
          reverse（）翻转数组顺序

          indexOf（）：查找给定元素的第一个索引，
          lastindexOf（）：查找给定元素最后一个索引

          toString转化字符串
          join("!");字符串分割符

          concat();连接两个数组，返回新数组
          slice（开始索引，结束索引）；截取数组，返回新数组，【  ）左闭右开
          splice（第几个开始，删除几个）；删除数组

   5.字符串：indexOf();查找字符索引，可以控制开始位置，
          charAt();根据索引查字符
          charCode（inddex）；获取指定索引的ASCII值
          str【】索引调字符

          concat（“1”，“2”，“3”）合并字符串
          substr(起始位置，获取个数)；截取字符串字符
          slice(起始位置，终止位置)；截取字符串字符
          substring（起始位置，终止位置）；截取字符串字符（不接受负值）

          replace（被替换掉的字符串，需要替换的新字符串）字符串替换 
          split("字符串")替换分隔符

6，关键词：
call和apply
区别：传参列表不同，
相同点:都可以改变this导向
7.Dom（文档对象类型，一个接口，可以实现网页特效，可以让js操作html和xml）
document代表整个文档
document.getElementById();//访问匹配id属性的元素
document.getElementByTagName();//访问标签名
document.getElementByName();//访问name属性的元素
.getElementsByClassName();//类名
.querySelector();//css选择器 （非实时，静态）
.querySelectorAll();//css选择器  （非实时，静态）
document.createElement();//js中创建标签
document.body.appendChild();//将创建后的标签添加
节点：（文本节点3，注释节点8，元素节点1,属性节点2,docment9,DocumentFragment11）
parentNode//父节点
childNodes//所有节点
firstChild//第一个子节点
lastChild//最后一个子节点
nextSibling//兄弟节点，即下一个节点
nextSibling.previousSibling//上一个节点
nodeType//返回节点类型