JavaScript是一种属于网络的脚本语言，广泛应用于Web开发，常用来为网页添加各式各样的动态功能。其日常用途如下：
1.在html页面中嵌入动态文本
2.对浏览器事件作出响应
3.读写html元素
4.在数据提交到服务器之前验证数据
5.检测访客的浏览器信息
6.控制Cookies，包括创建和修改
7.基于Nodes.js技术进行服务器端编程
脚本由单独的script元素标识，可以在html文档中编写，也可由外部导入
JavaScript在HTML文档中实现
<script>标签
HTML脚本位于<script>与</script>标签之间，脚本可置于head或body中。定义的函数通常放在head部分，或放在页面底部.
JavaScript语言基础
1.语法
1.1字面量(常量)
数字字面量
字符串字面量"beijing",'JavaScript'
表达式字面量
数组字面量[1,2 ,3 ]
对象字面量{ID:"PBXXXXXXXX",name:"nike",age:20}
函数字面量
1.2变量
使用var定义变量
var x;
x=1;
1.3语句
语句使用分毫隔离
1.4关键字
关键字用于标识要执行的动作,关键字以字母,下划线或$符号开始
1.5注释
双斜杠//
1.6数据类型
数字 字符串 数组 对象等
1.7函数
与C语言相似
1.8命名对大小写敏感
2.语句
与C语言相同,分号分隔语句
3.变量
- 变量必须以字母或$和_开头
- 未使用值来声明的变量，其值为undefined
4.数据类型
JavaScript变量拥有动态类型，即可以将不同类型的值赋予同一变量。
4.1字符串
使用单引号或双引号进行赋值
4.2数值
- JavaScript只有一种数字类型。可以带小数点也可不带。
- 可用科学计数法表示
4.3布尔
布尔型变量只有true和false两个值
4.4数组
数组可以使用new Array()赋值语句申请，后按分量赋值
var subject=new Array();
subject[0]="math";
subject[1]="physicis";
或者
var subject=new Array("math","physicis");
var subject=["math","physicis"];
数组下标从0开始
4.5对象
对象由花括号分割。括号内部，对象的属性以名称和值对形式定义
ver student={ID:"PBXXXXXXXX",name:"nike",age:20};
对象属性寻址有两种方式
name=student.name;
name=student["name"];
4.6undefined和null
undefined表示这个变量不含有值。可通过将变量的值设置为null来清空变量。
4.7声明变量类型
可使用new来声明其类型
var x=new String;
5.对象
对象是有属性和方法的数据，属性在数据类型中介绍过，下面介绍访问对象方法
访问对象方法
| 属性 | 值 |
|---|---|
| fullName | function() {return this.firstName + " " + this.lastName;} |
若直接访问对象属性，将返回定义fullName的字符串
name=person.fullName;
可以通过以下方法创建对象方法
methodName：function(){code lines}
//example
fullName:function() {return this.firstName + " " + this.lastName;}
通过以下方法访问对象方法可以得到函数返回值
name=person.fullName();
6.函数
<html>
<head>
<meta charset="utf-8" />
<title>登录界面</title>
<script>
function display()
{
alert("Welcome!");
}
</script>
</head>
<body>
<p>
<h1 style="font-family:Century">Baiduu</h1>
<button value="登陆" onclick="display()">登陆账户</button>
</p>
</body>
</html>
6.1语法
function必须小写
function functionname(){执行代码}
6.2参数
<html>
<head>
<meta charset="utf-8" />
<title>登录界面</title>
<script>
function display(firstname,lastname )
{
alert(lastname + firstname+", Welcome!");
}
</script>
</head>
<body>
<p>
<h1 style="font-family:Century">Baiduu</h1>
<button value="登陆" onclick="display('马儒','唐')">登陆账户</button>
</p>
</body>
</html>
6.3返回值
return可以返回一个值，也可以用作退出函数的标志。
<html>
<head>
<meta charset="utf-8" />
<title>登录界面</title>
<script>
function display(firstname,lastname )
{
return (lastname + firstname + ", Welcome!");
}
</script>
</head>
<body>
<p>
<h1 style="font-family:Century">Baiduu</h1>
<button value="登陆" onclick="alert(display('马儒','唐'))">登陆账户</button>
</p>
</body>
</html>
6.4局部变量&全局变量
| 区别 | 全局变量 | 局部变量 |
|---|---|---|
| 声明 | 在函数外声明 | 在函数内声明 |
| 访问 | 任何脚本与函数都可访问 | 只能在函数内访问 |
| 生存期 | 页面打开期间 | 函数运行期间 |
若把值赋给未声明的变量，该变量将被视为全局变量
7.字符串
JavaScript中字符串定义与使用方法与C语言类似，但有了对象的概念。可以使用索引来访问字符串中的每个字符，与数组的用法相似。
7.1特殊字符
反斜杠（\）为转义字符，反斜杠也可以用作字符串在源码中换行符
| 代码 | 输出 |
|---|---|
| \' | 单引号 |
| \" | 双引号 |
| \\ | 反斜杠 |
| \b | 退格键 |
| \f | 换页 |
| \n | 新行 |
| \r | 回车 |
| \t | 水平制表符 |
| \v | 垂直制表符 |
7.2属性&方法
可以参照https://www.w3school.com.cn/jsref/jsref_obj_string.asp
var name="abc";
var leng=name.length;
8.运算符
JavaScript中算术运算符、赋值运算符、关系运算符、条件运算符和逻辑运算符都与C语言中相同，在比较运算符中增加了绝对等于
| 运算符 | 描述 | 例子 |
|---|---|---|
| === | 绝对等于(值和类型都相等) | 5==="5" false |
| !== | 绝对不等于(值和类型都不相等) | 5!=="5" true |
用于字符串的+运算符
+运算符可以直接将两个字符串拼接，若数字与字符串相加，将数字看作字符串处理返回字符串。
9.条件语句&循环语句
条件语句与C中相同，循环语句也与C类似，添加了一些新的内容
for/in循环
for/in语句循环遍历对象数组
for (var x in person)
{
txt=person[x].age;
}
JavaScript错误调试
JavaScript引擎执行JavaScript代码时，会发生各种错误。当发生错误时，JavaScript引擎通常会停止，并生成错误消息。很多浏览器内置了调试工具，将错误信息发送给用户。浏览器调试工具一般是按F12键，在调试菜单中选择Console输出结果，或设置断点，或利用try-catch捕获异常。
网友评论