一.JavaScript简介
1.JavaScript效果:
JS可以给HTML页面上添加动态效果和互相操作
2.JavaScript的组成和特点
JavaScript组成
一个完整的JavaScript应该由如下三部分组成
JavaScript特点
1.JavaScript是解释型语言,不需要进行编译,书写较简单,同时,也导致了它运行较慢
2.JavaScript是动态语言,其中内容不固定
3.JavaScript语法结构类似于c语言和Java,但与Java的关系也仅仅是像而已
JavaScript也是面向对象的语言
4.JavaScript严格区分大小写
3.JavaScript的使用
1.标签引用
<script>
alert("This is javascript");
</script>
2.文件引用
在单独的js文件中也可以编写JavaScript代码
<script src="main.js"></script>
alert("Hello,World!");
4.JavaScript的输出
页面输出
<script>
document.write("Hello,World!");
</script>
向控制台输出
<script>
console.log("输出一条日志");
console.info("输出一条信息");
</script>
弹出窗口输出
<script>
alert("Hello,World!");
</script>
5.JavaScript注释
单行注释//sth
多行注释/*ssss*/
二.Javascript基础语法
1.标识符
即给变量,函数,属性或函数的参数起的名字
- 第一个字符必须是一个字母,_,或$
- 其他字符可以是字母,_,$,数字
- 标识符不可是关键字和保留字符
关键字
保留字符其他不建议的标识符
标识符举例
每个单词
age,number
多个单词
tureBeauty
2.字面量和变量
字面量不可改变
变量
声明
var a;
=赋值
a=21;
var a=21;
3.数据类型
1.类型分类
- 字符串型String
- 数值型Number
- 布尔型Boolean
- undefined型
- null型
- 除外为Object型
2.typeof运算符
可检测数据类型
console.log(typeof 123);
console.log(typeof "hello");
结果为number,string
string
字符序列,需用单引号或""
转义字符
Number
表整数,浮点型
最大值:+1.7976931348623157e+308
最小值:-1.7976931348623157e+308
0以上的最小值:5e-324
特殊的数字:
Infinity:正无穷
-Infinity:负无穷
NaN:非法数字(Not A Number)
其它的进制:
二进制:0b 开头表示二进制,但是,并不是所有的浏览器都支持
八进制:0 开头表示八进制
十六进制:0x 开头表示十六进制
Boolean
逻辑或真假值类型
true/false
Undefined
类型只有一个值,即特殊的undefined
而使用var声明变量但未初始化,变量值为undefined
使用typeof对初始化和没有声明的变量会返回undefin
Null
类型也仅一个值
undefined与null是否相等,返回true
类型强制转换
多转换为Sring,Number,Boolean
String
1.toString不会影响原变量,将转换值返回
null undefined不可
var a = 1;
a = a.toString();
console.log(a);
console.log(typeof a);
2.调用String函数
对于Number,Boolean会使用toString
null转null,undefined转undefined
var a = 123;
a = String(a);
console.log(a);
console.log(typeof a);
var b = undefined;
b = String(b);
console.log(b);
console.log(typeof b);
var c = null;
c = String(c);
console.log(c);
console.log(typeof c);
3.任意类型+“”
var a = 1;
a = a + "";
console.log(a);
console.log(typeof a);
Number
1.使用Number函数
字符串-->数字
- 纯数字的字符串,直接转数字
- 字符串中有非数字转NaN
- 字符串是空串或一个全空格的字符串,转为0
布尔-->数字
- true--1
- false--0
null-->数字
- null--0
undefined-->数字
- undefinNaN
2.针对字符串,parselnt()把字符串转为一个整数
var a = "123";
a = parseInt(a);
console.log(a);
console.log(typeof a);
3.针对字符串,parseFloat()把字符串转为浮点数
var a = "123.456";
a = parseFloat(a);
console.log(a);
console.log(typeof a);
转Boolean
使用Boolean函数
1.数字-->布尔
- 除0,NaN,其余为0
2.字符串-->布尔
- 除空串,其余为true
3.null和defined都会转换为false
4.对象也会转换为true
运算符
运算符也叫操作符
eg:typeof可来获得值的类型,以字符串形式返回
1.算数运算符
+-*/
>< >= <=
2.赋值运算符
=,+=,-=,*=,/=,%=
3.逻辑运算符
&&and
||or
! not
4.条件运算符
5.逗号运算符
6.优先级![](https://i-blog.csdnimg.cn/blog_migrate/67321bfbf645cfca49c5b90d86e72610.png)
语句
条件语句
1.if......else
1.
if(express here)
statement
var age=16;
if(age<18){
console.log("low");}
2.
if
else
3.
if
else if
else
2.switch....case
流程控制语句
多条分支使用同一种情况
switch (语句) {
case 表达式1:
语句...
case 表达式2:
语句...
default:
语句...
}
以break结束
循环语句
while
do...while
for
1.while
while(条件){}
var i=1;
while(i<=5){
console,log(i);
i++}
2.do....while
do{}
while(条件);
var i = 1;
do {
console.log(i);
i++;
} while (i <= 10);
3.for
for(初始化表达式 ; 条件表达式 ; 更新表达式){
语句...
}
for (var i = 1; i <= 10; i++) {
console.log(i);
}
4.跳转控制
break结束最近一次循环
continue结束本次循环,执行下一次
想跳转指定位置可以设置label,来标记语句
outer: for (var i = 0; i < 10; i++) {
for (var j = 0; j < 10; j++) {
if (j == 5) {
break outer;
}
console.log(j);
}
}
对象
Object类型,也称为对象,是Javascript数据类型
可有名字访问
除了字符串,数字,true,false,null,undefined外,JavaScript中值均为 对象
创建对象
1.
var person = new Object();
person.name = "luuu";
person.age = 18;
console.log(person);
2.
var person = {
name: "luuu",
age: 18
};
console.log(person);
访问属性
1.“.”
对象.属性名
2.[]
对象[name ]
删除属性
delete 对象.属性名
var person = new Object();
person.name = "Luuu";
person.age = 18;
console.log(person);
delete person.name
console.log(person);
遍历对象
for .....in语句
for (var 变量 in 对象) {
}