【Javascript】Javascript基础

本章技能目标：

1. 掌握JavaScript的组成
2. 掌握JavaScript的语法
3. 会定义和使用函数
4. 会使用工具进行代码调试

什么是JavaScript
JavaScript是以一种描述性语言，也是一种基于对象（Object）和事件驱动（EventDriven）的、并具有安全性能的脚本语言。
其特点：

1. JavaScript主要用来向HTML页面中添加交互行为。
2. JavaScript是一种脚本语言，语法和Java类似。
3. JavaScript一般用来编写客户端的脚本。
4. JavaScript是一种解释性语言，边执行边解释。

JavaScript程序由浏览器客户端执行。

网页中引用JavaScript的方式

1. 使用JavaScript标签
2. 使用外部JavaScript文件
3. 直接在HTML标签中
   示例：< input name=”btn” type =”button” value = “测试” οnclick=”javascript:alert(‘弹出框！’)” />

onclick：单击事件

JavaScript核心语法

一、变量的声明与赋值：

var 合法变量名;

例如：var i = 20； var x ,y = 20;

**注意：**javascript区分大小写，特别是变量名，变量名可以不经声明直接使用，但这种方法很容易出错，不推荐使用。

二、数据类型

undefined：未定义类型
null：空类型
number：数值类型
String：字符串类型
boolean：布尔类型

undefined与null的区别：前者表示声明了变量但未赋值，后者表示对该变量赋予了一个空值。

number：JavaScript中最特殊的类型。这种类型既可以表示32位的整数，又可以表示64位的浮点数。整数也可以表示八进制或十六进制，八进制首位数字必须为0，其后的数字可以是八进制数字（0-7），十六进制首数字也必须是0，后面是任意的十六进制数字和字母（0-9和A-F）。

String：

获取字符串长度：字符串对象.length;

String常用方法;

方法	描述
toString():	返回字符串
toLowerCase()	把字符串转换为小写
toUpperCase()	把字符串转换为大写
charAt()	返回在指定位置的字符串
indexOf(str,index)	查找某个字符串在字符串中首次出现的位置，存在则返回索引，否则返回-1
substring(index1,index2)	返回位于index1和index2之间的字符串，包括index1，不包括index2
split(str)	将字符串分割为字符串数组

判断变量或值是哪种数据类型
typeof（变量或值）
返回结果：
object：如果变量是null类型，或者变量是一种引用类型，如对象、函数、数组，则返回object类型

数组

1、第一种方法
var 数组名称 = new Array(size)
数组名称[index] = “value”；

2、第二种方法
var 数据名称 =new Array (“value1”,”value2”);

3、第三种方法
var 数组名称 = [“value1”,”value2”];

访问数组时通过数组名跟下标访问

数组的常用方法和属性
属性	length	设置或返回数组中元素的数目
方法	join()	把数组的所有元素放入一个字符串，用过一个分隔符进行分割
	sort()	对数组排序
	push()	向数组末尾添加一个或更多元素，并返回新的长度

运算符
与java相同
逻辑控制语句
if-else
switch
循环语句
for ： for(初始化 ;条件 ; 增量或减量){}
for-in：通常用于操作数组

示例：for(变量 in 数组){ } //变量为数组下标

while
do-while

常用的输入输出
alert(); 弹出一个警告对话框
var value= prompt(“提示信息”,”请输入你的值”); 弹出一个提示对话框，等待用户输入数据

语法约定
1、大小写的区分：JavaScript区分大小写，大写字母和小写字母永远不能互相替换。

JavaScript关键字，如for、if，永远都是小写

内置对象，如Math、Date以大写字母开头

对象名称通常是小写，但方法经常是多个单词的大小写混合，通常第一个字符是小写，之后单词首字母大写（驼峰命名规则）

2、变量、对象和函数的名称

可以包含大小写、数字、下划线和美元符号$，但不能以数组开头

3、分号
一行代码结束时可写可不写，但是规范的编码是需要添加分号的~

JavaScript常用语法—函数

1、常用系统函数

paresInt()：解析一个字符串，并返回一个整数。

语法：paresInt(“字符串”);

示例：
var num1 = paresInt(“23.75”)； //返回值为23
var num1 = paresInt(“646test”)； //返回值为646
var num1 = paresInt(“test12”)； //返回值为NaN（Not a Number缩写）

paresFloat():解析一个字符串，返回一个浮点数。

语法：paresFloat(“字符串”);

示例：
var num1 = paresFloat(“23fd”)； //返回值为23.00
var num1 = paresFloat(“23.75”)； //返回值为23.75
var num1 = paresFloat(“64.43.23”)； //返回值为64.43
var num1 = paresFloat(“test32)； //返回值为NaN

在判断是否为数字前，parseInt()和paresFloat()都会分析该字符串

isNaN：用于检查其参数是否是非数字

语法：isNaN(x)

如果x是特殊的非数字值，返回true，否则返回false

示例：
var num1 = isNaN(“23.75”)； //返回值为false
var num1 = isNaN(“64.s”)； //返回值为true
var num1 = isNaN(“32d)； //返回值为false

isNaN函数通常用于检测parseInt()和parseFloat()的结果，以判断他们表示的是否是合法数字。也可以用isNaN()函数检测算数是否错误，如用0作为除数的情况。

自定义函数

1、定义函数
语法：
function 函数名(参数1,参数2,参数3,…){
//JavaScript语法
[return 返回值]
}

2、调用函数
语法：事件名 = “函数名()”;

变量的作用域

变量分为：全局变量、局部变量

全局变量：是在所有函数之外的脚本中声明的变量，作用范围是该变量定义后的所有语句。

局部变量：是在函数内声明的变量，只有在该函数且位于该变量之后的代码中可以使用这个变量。

回顾：
1、javascript的概念
2、变量的定义
3、数组
4、逻辑语句
5、循环语句
6、输入输出
7、系统函数
8、自定义函数
9、作用域

onload 事件。页面加载之后立即执行一段 JavaScript：

完