你的位置:首页 > Java教程

[Java教程]Javascript基本语法


Javascript基本语法

1、Javascript中的变量

① 变量是用来临时存储数值的容器,变量存储的数值是可以变化的

② 变量必须要先声明才能使用,使用var声明变量

例:声明一个变量i,保存一个数字10

var i; //声明变量

i = 10; //为变量赋值

以上代码还可以简写为:var i = 10;

③ 变量的命名规则:第一个字符必须是英文字母,下划线(_)或者($)美元符号;其后的字符,可以是英文字母,数字,下划线以及美元符号;但是变量名不能是JavaScript的保留字

错误的:

var 123;(原因:以数字开头)

var if;(原因:使用了Javascript中的保留关键字)

正确的:

var abc;

var _abc;

var $;

个人建议:在定义变量时尽量采用英文单词或中文拼音的形式,必须是一个有意义的。

④ 变量的作用域:全局变量、局部变量

在Javascript中是没有块级作用域的,对于作用域的划分都是通过function函数来实现的,在函数内部通过var声明的变量就是局部变量,没有通过var声明的变量就是全局变量。

2、变量的数据类型

回顾PHP中一共有几种数据类型:三大类八小类数据类型,四种标量、两种特殊、两种复合

回顾Javascript中一共有多少种数据类型(ECMAScript):

字符串类型:string

数字类型:number

布尔类型:boolean

对象类型:object(array也是对象的一种)

空类型:null

未定义类型:undefined,一个变量有声明但未赋值其就是undefined类型

问题:在Javascript中如何判断一个变量的数据类型?

答:在Javascript中,可以使用内置结构typeof来判断一个变量的数据类型,typeof只是一个语法结构,其并不是一个函数。

3、Javascript中的运算符

  • 算术运算符
  • 比较运算符
  • 逻辑运算符
  • 赋值运算符
  • 字符串运算符

1)算术运算符

+ - * / %(取模或取余) ++ --

++与--运算符

++:自加运算

--:自减运算

所谓的自加与自减就是在元素本身的基础上实现+1或-1操作,但是随着++与--放置位置的不

同,其输出的结果也是不同的。

++或—放在变量的前面:先自加或自减然后参与运算

i++或i-- :i先参与运算,然后在执行i+1或i-1操作

例1:

2)比较运算符

> < >= <= == != === !==

特别说明:

==等于与===恒等于区别,一个=等号叫做赋值。

== :只需要判断两个变量的值是否相等即可

=== :除了要判断两个变量的值还需要判断两个变量的数据类型

特别说明:在php中,单引号与双引号都代表标识的是字符串,但是双引号中的变量是可以正常解析与执行的,但是在javascript中,无论是双引号还是单引号其都代表的是普通的字符串,其内部的变量都是无法解析的,会当做普通文本直接输出。

3)逻辑运算符

&&(与) ||(或) !(非)

&&(与):必须当左右两边的表达式同时成立时,才返回为true

||(或):只要左右两边的表达式有一个条件成立时,就返回为true

!(非):返回表达式的相反结果

 

要求比较高:必须有车有房才能牵手成功

有车 && 有房

 

要求一般:有车或有房即可

有车 || 有房

4)赋值运算符

= += -= *= /= %=

特别说明:前面所说的几种运算符,都是从左向右结合,但是赋值运算符是从右向左结合。

5)字符串运算符

在Javascript中,两个或多个字符串的结合可以通过加号+进行连接操作

var str1 = 'hello';

var str2 = 'world';

document.write(str1+str2);

4、流程结构

顺序结构、选择结构(分支结构)、循环结构

1)顺序结构

记住:在Javascript中,代码都是从上至下一行一行执行的。

运行结果:

2)选择结构

if…else if…else结构

switch结构

特别说明:虽然if结构与switch结构都可以实现分支判断,但是在实际项目开发中,if可以判断固定值也可以判断范围,但是switch结构只能实现固定值的判断,谨记!!!

3)循环结构

for循环结构

while循环结构

do…while…循环结构

for…in…循环结构(主要用于遍历对象)

 

例1:使用for循环输出从0到9

例2:使用while循环在例1的基础上输出从10到1

例3:使用do…while…循环在例2的基础上输出从0-9

特别说明:

问题1:什么时候使用for循环,什么时候使用while循环?

对于已知循环次数的情况,通常使用for循环

对于未知循环次数的情况,通常使用while循环

 

问题2:while循环与do…while…循环区别?

while循环是先判断后执行,而do…while…循环结构是先执行后判断

do…while…循环始终要比while循环多执行一次

5、循环结构中的两大关键词

continue:中止当前循环,继续下一次循环

break:中止整个循环结构

 

面试题:观察以下程序,说出执行结果

运行结果:

练习题:

例1:使用循环结构输出1到100的加和

例2:有一物,不知其数,三三数之余二,五五数之余三,七七数之余二,问物几何?

白话文:有一个数,不知道是多少,用3去除余2,用5去除余3,用七去除余2,问这个数是多少(100以内)