JavaScript基础

JavaScript基础
一、描述JavaScript
1、什么是JavaScript
是一种描述语言，也是一种基于对象(Object)和事件驱动(Event Driven)的，并且有安全性能的脚本语言。
2、特点：
1）主要用来向HTML页面中添加交互行为。
2）是一种脚本语言，语法和Java类似。
3）一般用来编写客户端的脚本。
4）是一种解释性语言，边执行边解释。
解释性语言和编译性语言的区别：
1）解释性语言：
   边执行边解释（边执行边编译）
   优点：跨平台
   缺点：高效率慢。
   例：Javascript,HTML,XML,Pyton,VBscript
2）编译性语言：
   先编译后再执行
   优点：效率快，使用硬件的资源少。
   例：Java,c#
3、组成：ECMAScript、DOM和BOM。
二、组成介绍
1、ECMAScript标准
1）什么是ECMAScript
是一种开放的、国际上广为接受的、标准的脚本语言规范。不与任何具体的浏览器绑定。
2）内容：
 （1）语法； （2）变量和数据类型；（3）运算符；（4）逻辑控制语句；（5）关键字、保留字；（ 砼 怀 6）对象；


3）遵循ECMAScript标准；是一个描述，规定了脚本语言的所有属性、方法和对象的标准。
2、浏览器对象模型（Browser Object Model,BOM）
提供了独立于内容与浏览器窗口进行交互的对象，可以实现与HTML的交互。
3.文档对象模型（Document Object Model,DOM）
是HTML文档对象模型（HTML Dom）定义的一套标准方法，用来访问和操纵HTML文档。
三、基本结构：
1、语法：
<script type="text/javaScript">
<!--内容-->
</script>
type:是<script>标签的属性，用于指定文本使用的语言类别为JavaScript。
<!--语句-->：注释标签
document.write()：用来向页面输出可以包含HTML标签的内容
注意：
1）document.write()：当写在<script>与</script>之间，浏览器就会当作一条JavaScript命令来执行，向页面输出内容。
2）若不使用<><script>标签，浏览器就会将document.write("")当作纯文本处理（把这条命令本身写到页面上）。
3）<script>..</script>的位置不是固定的，可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可。
2执行原理：
请求/响应模式：浏览器客户端与应用服务器端。
 1）、过程：
（1）浏览器客户端向服务器端发送请求；
（2）数据处理；
（3）发送响应；
 2）好处：
（1）包含JavaScript的页面只要下载一次即可，这样可以减少不必要的网络通信。
（2）Javascript程序由浏览器客户端执行，而不是由服务器端执行的，因此能减轻服务器端的压力。
四、在网页中引用JavaScript的方式：
1）使用<script>标签
2）使用外部JavaScript文件
3）直接在HTML标签中
1、使用<script>标签
   直接使用<script>标签将JavaScript代码加入到了HTML文档中。
2、使用外部JavaScript文件
   1）若干个页面中运行JavaScript实现相同的页面效果。
   2）以.js为扩展名；
   3）指定给<script>标签中的"src"属性，src表示指定外部JavaScript文件的路径。
   注意：外部文件不能包含<script>标签，扩展名.js的文件。
3、直接在HTML标签中
   <input name = "btn" type = "button" value = "弹出消息框" onclick ="javascript:alert('欢迎你');" />
   onclick:是单击的事件处理程序。
   alert()是一个函数：向页面弹出一个对话框。
五、核心语法：
1、变量的声明和赋值(在一行代码中声明多个变量时用逗号隔开)
   javascript是一种弱类型语言，没有明确的数据类型。
   1）关键字：var
   2）语法：var 变量名
   3）命名规则：
      （1）同数字、字母、下划线和“$”符号组成。
      （2）首字母不能是数字，不能使用关键字命名或作为函数名。
      （3）可初始化，也可在稍后的脚本中为变量赋值。
  4）注意：区分大小写，不声明变量而直接使用，系统将会自动声明该变量。
  5）常用关键字：
     break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this
     、throw、try、typeof、var、void、while、with...
六、数据类型
1、undefined类型（未定义类型）
  只有一个值：undefined,声明未初始化时，默认值是undefined
2、null类型（空类型）
  只有一个值的类型：null，是一个表示“什么都没有”的占位符。用来检测某个变量是否被赋值。值undefined实际上是值null派生来的，因此定义为它们相等，如：alert(null == dunefined);返回值为true;
  含义不同：undefined表示声明了变量但未对该变量赋值；null则表示对该变量赋予了一个空值。
3、number类型（数值类型，最特殊的类型）
   1）既可以表示32位的整数，又可以表示64位的浮点数。
   2）整数也可以表示为八进制或16进制，八进制首数字必须是0，其后的数字可以是任何8进制数字（0~7）；十六进制首数字必须是0，后面是任意的十六进制数字和字母（0~9和A~F）。
   3）对于非常大或非常小的数，可以用科学计数法表示浮点数，也是number类型。
   4）NaN(Not a Nunber)非数，number类型； typeof(NaN);返回值为number
4、String类型（字符串类型）
   1）定义：在JavaScript中，字符串是一组被引号（单引号或双引号）括起来的文本。
   2）字符串的属性与方法
     length属性：字符串的长度（包括空格）
   3）语法：字符串对象.lebgth;
   4)方法：字符串对象.方法名();
   5）常用方法：
        （1）toString()：返回字符串
        （2）toLowerCase()：把字符串转换成小写。
（3）toUpperCase()：把字符串转换成大写
（4）charAt(index)：返回在指定位置的字符
（5）indexOf(str,index)：查找某个指定的字符串在字符串首次出现的位置，没有返回-1
（6）substring(index1,index2)：返回位于指定索引index1和index2之间的字符串，并且包括index1对应的字符，不包括index2
（7）split(str)：将字符串分割为字符串数组。
5、boolean类型（布尔类型或逻辑型数据）
   值：true和false
复合数据类型：Math,Array
6、typeof运算符：判断一个值或变量究竟属于哪种数据类型。
   语法：typeof(变量或值)
   返回结果：
       1）undefined：如果变量是undefined类型的，则返回undefined类型的结果。
       2）number：如果变量是number类型的，则返回number类型的结果。
       3）String：如果变量是String类型的，则返回String类型的结果。
       4）object：如果变量是null类型，或者变量是一种引用类型，如对象函数，数组，则返回object类型的结果。
七、数组
1、创建数组：
   语法：var 数组名称 = new Array(size);
        下标从0开始。
2、赋值：
  1） var 数组名称 = new Array(值1,值2....)；
  2） var 数组名称 = ne Array(5);
      数组名称[] = 值1;....
  3) var 数组名称 = [值1,值2...];
3、访问数组
   数组名称[下标] ：从0开始
4、常用方法：
   1）属性：length：设置或返回数组中元素的数目。
   2）方法：
      （1）join()：把数组的所有元素放入一个字符串，通过分隔符进行分隔。
      （2）sort()：对数组排序。
      （3）push()：向数组末尾添加一个或更多元素，并返回新的长度。
      （4）split()：将一个字符串分隔杨数组元素。
   3）注意：数组的长度固定不变，不能更改。
八、运算符号：
    与java一样，算术运算符、比较运算符、逻辑运算符、赋值运算符。
九、逻辑控制语句 
    与java一样，条件语句（if）、循环结构（for循环、while循环、do-while循环，）
    for-in循环：
    for(变量 in 数组){}
    中断循环：
    1）break：可以立即退出整个循环。
    2）continue：只是退出当前的循环，根据判断条件决定是否进行下一次循环。
十、注释
    1）定义：描述部分程序功能或整个程序功能的一段说明性文字，注释不会被解释器执行。
    2）单行注释：//
    3）多行注释：/*...*/
十一、常用的输入/输出
     在JavaScript中称为警告对话框(alert)和提示对话框(prompt)
     1）警告(alert)
        带有一个字符串和一个“确定”按钮。
        语法：alert("提示信息");
        内容可以是一个变量的值，也可以是一个表达式的值，如果要显示其他类型的值，则需要将其强制转换为字符串；要进行处理对话框，当前网页才会继续执行，否则当前网页不可用。
     2）提示prompt
        会弹出一个提示对话框，等待用户输入一行数据。
        语法：prompt("提示信息","输入框的默认信息");
        若是省略了第二个参数，则会用undefined替代，可设置空字符串("").
        如果单击“取消”或直接关闭，将返回null,若是单击“确定”按钮，将返回一个字符串数据。
十二、语法约定：
      1、大小写的区分：（大小写字母是不能替换的）   
         1）JavaScript的关键字，永远都是小写的。
         2）内置对象，如Date和Math是以大写字母开头的。
         3）对象的名称通常是小写的，若多个单词通常第一个字母小写，之后单词的首字母是大写。
      2、变量、对象和函数的名称：
         声明变量、对象或函数时，名称可以包括大小写字母，数字、下划线和“$”，但必须以字母、下划线或“$”开头。
      3、分号：结束符号，若没有，就当做该语句的结尾作为结束。
十三、程序调试
      1）方法：IE调试工具和alert()方法
      2）步骤：
             （1）确定设置断点的位置。
             （2）单步进入，观察变量。
             （3）修改错误。
     3）alert()方法：
          将不确定的数据以信息框的方式展示，以此来判断出现错误的位置。
十四、常用语法--函数
    1、函数描述：
       1）定义：一种是JavaScript自带的系统函数。
            另一种是用户自行创建的自定义函数。
       2）作用：执行特定功能的JavaScript代码块。
       3）用法：不用定义函数属于哪人类，不需要用“对象名.方法名（）”的方法调用，直接使用函数名称来调用即可。
    2、系统函数：
      1）方法：parseInt()和parseFloat()： 把非数字的原始值转换成数字的函数。
              
               isNaN()：检查是否是非数字的函数，用于逻辑判断。
     2）parseInt():可解析一个字符串，并返回一个整数。
        语法：parseInt("字符串");
              判断字符串是否为数字前，parseInt()和parseFloat()都会分析该字符串。
        处理方式：先查看0处是否为有效数字，若不是，不再执行其他操作，若是，继续往下判断。
     3）parseFloat()：可解析一个字符串，并返回一个浮点数。
        语法：parseFloat("字符串");
        处理方式与parseInt一样。但还有一点：第一个出现的小数点是有效数字。如果有两个，那么第二个被看作无效。
     4）isNaN()：用于检查其参数是否是非数字。
        语法：isNaN(x);
        如果x是特殊的非数字值，则返回值是true,否则false;
        用处：
            1）通常用于检测parseInt()和parseFloat()的结果，以判断它们表示的是否是合法的数字。
            2）也可以用isNaN()函数来检测算数是否错误，如用0作除数的情况。
    3、自定义函数：
        需要先定义函数，然后才能调用函数。
       1）定义函数：
          1）组成：
             关键字：function ，函数名，一组参数经及置于括号中的待执行的JavaScript语句。
          2）语法：
                function 函数名（参数1，参数2....）{return ;}
                （1）function是定义函数的关键字，必须有。
                （2）参数可选，没有类型检查和类型限定。
                （3）“{}”：开始与结束
                （4）return语句用来规定函数返回的值。
        2）调用函数：先调用函数，再指定函数及其后面的参数（若有参数），一般和元素的事件结合使用。
           语法：
               事件名="函数名()"或= "函数名(参数)";   
                如：onclick = "函数名()"//单击按钮时调用函数名()
     4、匿名函数：没有函数名
        1）调用：匿名函数定义的整个语句可直接赋给一个变量进行保存。
           如：var show = function(count){}:该变量可作为函数的参数进行传递。
十五、变量的作用域
      全局变量：在所有函数的参数进行传递。
      局部变量。