JavaScript基础

 
知识点：
一、基本概念（识记）
1、为什么要学习JavaScript？
1）客户端表单验证：减轻服务器端压力
2）页面动态效果：通过事件代码创建动态页面特效（层切换，树形菜单）

2、什么是JavaScript？
JavaScript是一种基于对象和事件驱动的且具有安全性的脚本语言，无需编译的解释性语言

3、JavaScript的组成？
1）核心语言（ECMAScript标准）
    语法，变量和数据类型，运算符，逻辑控制语句，关键字和保留字，对象
2）浏览器对象模型（BOM），提供与浏览器窗口进行交互的对象
3）文档对象模型（DOM），用于访问和操纵HTML文档（节点）

4、JavaScript脚本
1）基本结构
<script type="text/javascript">
  <!--JavaScript语句-->
</script>
注意：<!-- -->用于告知不支持JavaScript的浏览器忽略这些语句

2）执行原理
2-1）客户端浏览器接收用户请求访问哪个页面文件等待服务器端响应
2-2）服务器端把请求的页面文件发送给客户端由浏览器解析HTML和JS并呈现效果

5、在网页中引用JavaScript的方式
1）使用<script>标签
<script type="text/javascript">
  <!--JavaScript语句-->
</script>
2）使用外部JavaScript文件
<script src="*.js" type="text/javascript"></script>
3）直接在HTML标签中使用
<on事件="javascript:JavaScript语句;">

二、核心语法
1、变量的声明和赋值
1）JavaScript是一种弱类型语言，没有明确的数据类型，全部使用var声明
2）语法：
    var 变量名; 变量名=值;
       var 变量名=值;    
       变量名=值;     //不推荐
3）注释：
3-1）单行 //
3-2）多行 /* */

2、数据类型，不能用于声明变量
1）分类：
    undefined    未定义，未初始化时默认为undefined
    null        空
    number        数值，NaN表示非数，特殊的number类型
    string        字符串
    boolean        布尔

2）typeof运算符：判断变量或值属于哪种数据类型
    如果变量是undefined类型，返回undefined
    如果变量是number类型，返回number
    如果变量是string类型，返回string
    如果变量是boolean类型，返回boolean
    如果变量是null或引用类型，返回object

3、字符串String对象，下标从0开始
1）length属性    
    返回字符串的长度
2）toLowerCase()
    转小写
3）toUpperCase()    
    转大写
4）charAt(index)    
    返回字符串中指定下标的字符
5）indexOf(字符串)     
    查找指定字符串，找到了则返回对应的下标，否则返回-1
6）substring(index1,index2)
    截取字符串，返回指定下标index1和index2之间的字符串（包前不包后）
7）substr(index,length)
    截取字符串，返回指定下标index开始后的length长度个字符串
8）split(分割符) 
    分割字符串，返回字符串数组

4、数组Array对象
1）创建数组
    var 数组名称=new Array();
    var 数组名称=new Array(size);
    var 数组名称=new Array(元素1,元素2,元素3...);
    var 数组名称=[元素1,元素2,元素3...];

2）通过下标给数组元素赋值
    数组名称[index]=元素值;
    
3）通过下标访问数组元素
    var 变量=数组名称[index];

注意：不存在越界的问题，将自动调整大小，初始值为undefined

4）属性和方法
4-1）length属性        返回数组中元素的个数
4-2）sort()        排序
4-3）join(连接符)    用指定连接符连接数组元素，返回字符串

5、运算符：与Java一致

6、逻辑控制语句
1）if条件结构
2）switch条件结构
3）for循环结构
4）while循环结构
5）do-while循环结构
6）for-in循环：类似于foreach
7）break和continue

7、输入输出
1）警告提示框：alert("文本");            没有返回值
2）输入提示框：prompt("提示文本","默认值");    返回字符串

8、语法约定
1）严格区分大小写
2）命名：由字母、数字、_、$组成，不能数字开头
3）分号：可有可无，但不建议省略

三、函数：类似于方法，执行特定任务的语句块
1、系统函数
1）parseInt("字符串")         将字符串转换为整数
2）parseFloat("字符串")         将字符串转换为浮点数

转换原则：从左至右依次转换，遇到非数字字符结束；parseFloat可以识别1个小数点

3）isNaN(数据)             判断数据是否是非数字，如果不是数值则返回true
注意：NaN，Not a Number，表示非数，是Number类型的特殊值

2、自定义函数
1）语法
function 函数名(参数列表)
{
   JavaScript语句;
   [return 返回值;]
}
2）调用
事件="函数名()"

注意：参数列表不用声明类型，返回值不用声明直接返回

3、匿名函数，可以当成变量使用
1）语法
var 变量名=function(参数列表)
{
    JavaScript语句;
}
2）调用
事件="变量名(参数列表)"

4、变量的作用域（就近原则）
1）全局变量
2）局部变量