初识JavaScript
1.JavaScript 简介
JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备
注意:
-
HTML 中的 Javascript 脚本代码必须位于 <script>与 </script>标签之间
-
<script>与 </script>之间的代码行包含了JavaScript
-
Javascript 脚本代码可被放置在 HTML 页面的 <body>和 <head> 部分中,通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容
-
也可以把脚本保存到外部文件中,外部文件通常包含被多个网页使用的代码
外部 JavaScript 文件的文件扩展名是 .js
如需使用外部文件,则需要在 <script> 标签的 “src” 属性中设置该 .js 文件:
<!DOCTYPE html> <html> <body> <script src="myScript.js"></script> </body> </html>
2.JavaScript 语句
JavaScript 语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情:
下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好"
document.getElementById("demo").innerHTML = "你好";
2.1分号
- 分号用于分隔 JavaScript 语句
- 通常我们在每条可执行的语句结尾添加分号
- 使用分号的另一用处是在一行中编写多条语句
2.2代码块
- JavaScript 可以分批地组合起来
- 代码块以左花括号开始,以右花括号结束
2.3语句标识符
-
JavaScript 语句通常以一个 语句标识符为开始,并执行该语句
-
语句标识符是保留关键字不能作为变量名使用
3.JavaScript注释
- 单行注释以 // 开头
- 多行注释以 /* 开始,以 */结尾
注:我们可以通过将某一行的代码进行注释以完成我们调试代码的目的
4.JavaScript 变量
4.1变量规则
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头
- 变量名称对大小写敏感
4.2变量声明
在 JavaScript 中创建变量通常称为"声明"变量,我们使用 var 关键词来声明变量:
var carname;
如需向变量赋值,则使用等号:
carname="Volvo";
我们也可以在声明变量时对其进行赋值:
var carname="Volvo";
5.JavaScript 数据类型
5.1数据类型
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol
引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)
5.2变量类型声明
在声明新变量时,通常使用new来声明变量的类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
5.3基本数据类型
5.3.1字符串
- 字符串是存储字符的变量
- 字符串可以是引号中的任意文本,可以使用单引号或双引号
5.3.2数字
- JavaScript 只有一种数字类型
- 数字可以带小数点,也可以不带
- 极大或极小的数字可以通过科学(指数)计数法来书写
5.3.3布尔
布尔有两个值:true 或 false
5.3.4数组
数组的创建可以先声明数组名,再添加数组的值,如:
var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
也可以直接在声明时直接添加:
var cars=new Array("Saab","Volvo","BMW");
直接添加时要注意的是数组下标是基于零的,所以第一个项目是 [0],第二个是 [1],以此类推
5.3.5对象
对象由花括号分隔,在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义,属性由逗号分隔:
var person={firstname:"John", lastname:"Doe", id:5566};
5.3.6Undefined 和 Null
- Null:
- 特指对象的值未设置,是表示缺少的标识,指示变量未指向任何对象,可以看做尚未创建的对象
- 是一个字面量,不是全局对象的一个属性
- 在布尔运算中被认为是 false
- Undefined:
- 表示 “缺少值”,就是此处应该有一个值,但是还没有定义
- 是 JavaScript 在运行时创建的全局变量,是全局对象的一个属性
- 在布尔运算中被认为是 false
6.JavaScript 函数
6.1简单函数
在jsp中,我们通常使用function来调用函数:
function functionname()
{
// 执行代码
}
6.2带有参数的函数
在调用函数时,可以向其传递值,这些值被称为参数
这些参数可以在函数中使用
可以发送任意多的参数,由逗号 (,) 分隔:
function myFunction(var1,var2)
{
//执行代码
}
要注意的是,参数的传递顺序即为变量本身的顺序
6.3带有返回值的函数
当我们需要函数将值返回调用它的地方,通过使用 return 语句就可以实现
在使用 return 语句时,函数会停止执行,并返回指定的值
function myFunction()
{
var x=5;
return x;
}
//执行代码
}
要注意的是,参数的传递顺序即为变量本身的顺序
### 6.3带有返回值的函数
当我们需要函数将值返回调用它的地方,通过使用 return 语句就可以实现
在使用 return 语句时,函数会停止执行,并返回指定的值
function myFunction()
{
var x=5;
return x;
}
以上即为jsp中较为基础的语法知识,如果想要了解更多,可参考传送门