Java Script脚本语言入门(上)

了解Java Script

1.什么是Java Script?

  • JavaScript是一种基于对象和事件驱动并具有安全性能的解释性脚本语言,在Web应用中应用广泛。
  • 他不需要编译,而是直接嵌入到HTTP页面中,把静态页面转换成支持用户交互并相应应用事件的动态页面。

2.Java Script的主要特征

  • 解释性:Java Script是一种脚本语言,采用小程序段的方式实现编程。
  • 基于对象:他是一种基于对象的语言,它可以应用自己已经创建的对象,因此许多功能来自于脚本环境中对象的方法与脚本的相互作用。
  • 事件驱动:Java Script可以以事件驱动的方式直接对客户端的输入做出响应,无需经过服务端程序。
  • 安全性:Java Script具有安全性,他不允许访问本地硬盘,不能将数据写入到服务器上,并且不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失。
  • 跨平台:Java Script依赖于浏览器本身,与操作系统无关,只要浏览器支持Java Script,Java Script的程序代码就可以正确实现。

2.Java Script语言基础

1.JavaScript的语法

  • JavaScript区分大小写
  • 每行结尾的分号可有可无
    如果语句的结束处没有分号,JavaScript就会自动为该行代码的结尾作为语句的结尾。
  • 变量是弱类型的
    在定义变量时,只使用var运算符就可以将变量初始化为任意的值。
  • 使用大括号标记代码块
    JavaScript使用一堆大括号标记代码块,被封装在大括号内的语句将按顺序执行。
  • 注释
单行注释: //
多行注释: /*……*/

2.JavaScript中的关键字

booleancontinuefinallyinstanceofprivatethis
breakdefaultfloatintpublicthrow
bytedoforinterfacereturntypeof
caseelsegotonativestaticvar
catchextendsimplementsnewsupervoid
charfalseimportnullswitchwhile
classfinalinpackagesynchronizedwith

3.JavaScript的数据类型

1.数值型
  • 整形
  • 浮点型
2.字符型
  • 单引号括起来的一个或者多个字符
'a'
  • 双引号括起来的一个或者多个字符
"b"

JavaScript没有char数据类型,要表示单个字符,必须使用长度为1的字符串。

3.布尔型

布尔型数据只有两个值,即true和false,主要用来说明一种状态或者标志。

4.转义字符
转义字符描述转义字符描述
\b退格\n换行
\f换页\tTab符
\r回车符\’单引号
\\"双引号\\反斜杠
\xnn十六进制\unnnn十六进制代码nnnn表示的Unicode字符
\0nnn八进制代码nnn表示的字符
5.空值

null用于定义空的或者不存在的引用。如果试图引用一个没有定义的变量,则返回一个null值。

6.未定义值

当使用了一个未声明的变量,或者使用了一个已经声明但没有赋值的变量时,将返回未定义值。

4.变量的定义及使用

1.变量的命名规则
  • 变量名由字母、数字或者下划线组成,但必须以字母或下划线开头。
  • 变量名中不能有空格、加号、减号或逗号等符号。
  • 不能使用JavaScript中的关键字
  • 严格区分大小写
2.变量的声明
  • 可以使用一个关键字var同时声明多个变量
  • 可以在声明变量的同时对其进行赋值
  • 如果只是声明了变量,对未对其赋值,则其默认值为undefined。
  • 当给一个尚未声明的变量赋值时,JavaScript会自动用该变量名创建一个全局变量。在一个函数的内部,通常创建的只是一个仅在函数内部起作用的局部变量,而不是一个全局变量。要创建一个全局变量,则必须使用一个var关键字进行声明变量。
  • 在声明变量时不需要指定变量的类型,变量的类型将使用变量的值来确定。
3.变量的作用域
  • 全局变量:是定义在所有函数之外,作用于整个脚本代码的变量。
  • 局部变量:是定义在函数体内,只作用于函数体内的变量。

5.运算符的应用

1.赋值运算符
运算符描述
=将右边表达式的值赋给左边的变量
+=将运算符左边的变量加上右边表达式的值赋给左边的变量
-=将运算符左边的变量减去右边表达式的值赋给左边的变量
*=将运算符左边的变量乘以右边表达式的值赋给左边的变量
/=将运算符左边的变量除以右边表达式的值赋给左边的变量
%=将运算符左边的变量用右边表达式求模,并将结果值赋给左边的变量
&=将运算符左边的变量与右边表达式进行逻辑与运算,并将结果赋给左边的变量
|=将运算符左边的变量与右边表达式进行逻辑或运算,并将结果赋给左边的变量
^=将运算符左边的变量与右边表达式进行逻辑异或运算,并将结果赋给左边的变量
2.算术运算符
运算符描述
+加法运算
-减法运算
*乘法运算
/除法运算
%求模运算
++自增运算符
自减运算符
3.比较运算符
运算符描述
<小于
>大于
<=大于等于
>=小于等于
==等于。只根据表面值进行判断,不涉及数据类型
===绝对等于。根据表面值与数据类型同时进行判断
!=不等于。之根据表面值进行判断,不涉及数据类型
!==不绝对等于。根据表面值与数据类型同时进行判断
4.逻辑运算符
运算符描述
逻辑非
&&逻辑与
||逻辑或
5.条件运算符

即三目运算符:操作数?结果1:结果2
即操作数为true时,则整个表达式的结果为“结果1”,否则,整个表达式为“结果2”。

6.字符串运算符
描述符描述
+连接两个字符串
+=连接两个字符串并将结果赋给第一个字符串

3.流程控制语句

1.if条件判断
if(expression)
	{statement1;}
else
	{statement2;}
  • expression为指定条件表达式,可以使用逻辑运算符
  • statement1:用于指定要执行的语句。如果expression为true时执行该语句。
  • statement2:用于指定要执行的语句。如果expression为false时执行该语句。
    在这里插入图片描述
2.switch条件判断
switch(expression){
	case judgement 1:
		statement 1;
		break;
	case judgement 2:
		statement 2;
		break;
	……
	default:
		statement n+1;
		break;
}
  • expression:任意的表达式或变量;
  • case judgement:任意的常数表达式,当expression的值与judgement的值相等时开始执行后边的语句:如果与judgement都不相等,就运行后边default后边的语句;
  • break:用于结束switch语句,如果没有break语句,将会继续进行后边所有分支;
    在这里插入图片描述
3.for循环语句

for循环语句也称为计次循环语句,一般用于循环次数已知的情况。

for(initialize;test;increment)
{
	statement;
}

参数说明如下:

  • initialize:初始化语句,用来对循环变量进行初始化赋值。
  • test循环条件,一个包含比较运算符的表达式,用来限定循环变量的边限。如果循环变量超过了该边限,则停止该循环语句的执行。
  • increment:用来指定循环变量的步幅。
  • statement:用来指定循环体,在循环条件的结果为true时重复执行。
4.while循环变量

while循环语句也称为前测试循环语句,它是利用一个条件来控制是否要继续重复执行这个语句。

while(expression)
{
	statement;
}

参数说明如下:

  • expression:一个包含比较运算符的条件表达式,用来指定循环条件。
  • statement:用来指定循环体,在循环条件的结果为true时,重复执行。
5.do……while

do……while循环语句也称为后测试循环语句,它是利用一个条件来控制是否要继续重复执行这个语句。

do{
	statement
}while(expression);

参数说明如下:

  • statement:用来指定循环体,循环开始时首先执行一次,然后在循环条件的结果为true时重复执行。
  • expression:一个包含比较运算符的条件表达式,用来指定循环条件。
break与continue语句

break与continue语句都可以用于跳出循环,但两者也存在着一些区别。

  • break语句:break语句用于退出包含在最内层的循环或者退出一个switch语句。
  • continue语句:用于终止本次循环,并开始下一次循环。

4.函数

1.函数的定义

函数是由关键字function、函数名各加一组参数以及置于大括号中需要执行的一段代码的定义。

functio functionName([parameter 1,parameter 2……]){
	statements;
	[return expression;]
}

参数说明:

  • functionName:必选,用于指定函数名。在同一个页中,函数名必须是唯一的,并且区分大小写。
  • parameter:可选,用于指定参数列表。当使用多个参数时,参数间使用逗号进行分隔。一个函数最多有255个参数。
  • statements:必选,是函数体,用于实现函数功能的语句。
  • expression:可选,用于返回函数值。expression为任意的表达式、变量或常量。

2.函数的调用

  • 函数的调用比较简单,如果要调用不含参数的函数,使用函数名加上括号就好。
  • 如果需要调用的函数带参数,则在括号中加上需要传递的参数
  • 如果包含多个参数,参数间用逗号分隔。
  • 10
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值