一.JavaScript的历史
二.JavaScript基础
script标签可放在文档的任何地方,但是建议放在head标签里或者body结束标签上面
因为html语言是从上往下编译的,先让用户看到整体界面再加载JavaScript
// 单行注释
/* 多行注释 */
注释不是给用户和机器看的,是为了方便以后代码的维护和程序员之间的交流
alert();:弹出警示框
三. 变量
变量是存储信息的容器
- 声明变量:使用var来声明变量var a;
- 给变量赋值:使用赋值运算符来赋值a=1;
- 使用变量:alert(a);
变量的命名规范:由a-z,A-Z,0-9,_,$组成
驼峰命名法:首个英文单词小写,以后的英文单词的首字母大写
变量的类型:
- 字符串(string'):以' '或者" "引起来的内容
- 数字(number):
- 布尔(boolean):true/false
- 对象(object):
- 未定义(undefined)和null:
控制台输出:console.log();用户看不到,在开发者工具console选项卡里,用来调试程序,快捷键:变量名.log+tab
输出类型:typeof();可以输出数据类型
注意:
- 声明和赋值可以一起写:var a=1;
- 变量命名不能以数字开头,区分大小写
- 变量命名不能与关键字,保留字重名
四. 运算符
- 算术运算符:+,-,*,/,%(取余),++(自增),--(自减)
- 赋值运算符:=(赋值),+=,-=,*=,/=,%=
- 比较(关系)运算符:==(等于),===(全等),!=,>,<,>=,<=
- 逻辑运算符:&&(与,有假就假，乘法),||(或,有真就真，加法),!(非,取反)
注意:
- 在算数运算中字符串的运算会被转化为number类型,加法除外
- 有字符串参与加法时,加号充当连接符
- 前加和后加的区别:前加是先自增在运算,后加是先运算再自增
- 比较运算的值为bool类型,为真则为true(1),为假则为false(0),不能连续使用
- ==只判断值,===既判断值又判断类型
- 逻辑运算的值为bool类型,可以连续使用
五. if语句
if(判断条件){
如果条件成立执行这段代码
}
判断条件为bool类型,为true则执行大括号里的代码,为false则不执行,非0即真
六. if else语句
if(判断条件){
如果条件为真执行这段代码
}
else{
如果条件为假执行这段代码
}
可以if else嵌套,else可以为空
七. 三目运算符
判断条件 ? 表达式1 : 表达式2;
判断条件,如果为真则执行表达式1,如果为假执行表达式2,同if else
八. switch语句
switch(变量名){
case 值1:
表达式1;
break
case 值2:
表达式2;
break
case 值3:
表达式3;
break
default:
表达式n;
}
变量名会与case的值做比较,如果存在相同的值则执行相同值case后面的表达式,记得用break中断自动向下个case执行,如果没有相同的值则执行default后面的表达式
九. for循环
for (语句 1; 语句 2; 语句 3)
{
被执行的代码块
}
语句1在循环开始前通常我们使用语句1初始化循环中所用的变量 (var i=0),可以不写语句1,可以在语句1中初始化多个值,用逗号隔开
语句2定义运行循环的条件,通常语句2用于评估初始变量的条件,如果语句2返回 true,则循环再次开始,如果返回 false,则循环将结束,可以不写语句 2,如果省略了语句2,那么必须在循环内提供 break,否则循环就无法停下来,这样有可能令浏览器崩溃。continue可以中断本次循环,执行下次循环
语句3在循环已被执行之后执行,通常语句3会增加初始变量的值,语句3有多种用法,增量可以是负数 (i--),或者更大 (i=i+15),语句3也可以省略（比如当循环内部有相应的代码时）
十. while循环和do while循环
while (条件)
{
需要执行的代码
}
While循环会在指定条件为真时循环执行代码块,记得改变量值
do
{
需要执行的代码
}
while (条件);
do while循环会先执行一次代码再判断条件,记得改变变量值
十一. 函数
函数:具有特定功能的代码块,调用函数时执行代码块里的代码
function 函数名(参数1,参数2)
{
这里是要执行的代码
};
:命名函数
函数名();:调用函数
函数的参数为形式参数,无具体意义,命名要有意义,变量和参数必须以一致的顺序出现
arguments.length:判断函数的实际参数个数
函数名.length:判断函数的形式参数个数
函数的返回值
return:函数的返回值,会终止函数,不执行return后面的代码,没有返回值的函数类型为undefined,
var a = function 函数名(){
var b = 5;
return b;
}
这样使用变量就相当于直接调用函数值,a变量的值为5,不传递变量也可直接使用函数返回值