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以内)