目录
引入形式
1、通过标签:
<body>
<script>
JavaScript语句
</script>
</body>
2、创建js文件外部编写:
在html中引入
<body>
<script src="./练习.js"></script>
</body>
常用语句
1、在网页上打印:
document.write('你好')
2、向控制台输出语句:
console.log('你好');
3、警示框:
alert('请立即退出')
4、输入语句:
prompt('请输入密码')
补充:字符串使用" ",' ',` `框起来。
变量
存储数据的容器
1、声明变量:
let uname//uname是变量
不使用var:不存在块级作用域;可以先使用后声明,但是会显示为空,let先使用后声明会报错;一个变量可以声明很多次,但后声明的会将前面的覆盖。let会报错。
2、变量赋值:
uname=`guoqiyichenghuiyi`//将名字存储进入变量盒子
3、打印变量:
document.write(uname)//变量不用引号
4、表达式(声明变量的同时赋值):
let uname=`guoqiyichenghuiyi`
5、改变变量值:
再赋值后再次赋值将会覆盖掉之前的赋值
6、同时声明多个变量并打印:
let a=1,b=2
document.write(a,b);
7、变量命名
尽可能取具有意义的名字。
必须是有效符号:大小写字母,数字,下划线,$。
关键字和保留字不能用于命名。
不以数字开头命名
使用小驼峰命名发:例如PingGuo。
或者使用下划线:ping_guo。
常量
无法修改值,修改会报错。
声明常量:
const name=`guoquyichenghuiy`
尽量多用常量。
基本数据类型
对于JavaScript来说,只有进行赋值了才能知道是什么数据类型。
检测数据类型:
const name=`guoquyichenghuiy`//声明常量
console.log(typeof(name));//检测数据类型并将检查结果输出到控制台
可以看出为字符串类型。
1、字符串类型 --- string
使用` `,' '," "包起来的为字符串。
若需在字符串中引用,可以双引号和单引号嵌套使用。
字符串拼接:
通过+进行拼接
let a=`zhang`
let b=`san`
document.write(a+b)
模板字符串:
let uname=prompt('请输入用户名:')
let password=prompt('请输入密码:')
document.write(`用户名:${uname},密码:${passworde}`)//注意:反引号
注意格式!
2、数字类型 --- number
let a=1
console.log(typeof(a));
3、布尔类型(判断值)
例如:
console.log(1>2);
console.log(2<3);
为真或者为假。
4、未定义(没有赋值)
let b
console.log(b);
5、NAN
console.log(undefined+1);
6、NULL
空。
数据类型转换
1、隐式转换
let a=1
let b='2'
console.log(a+b);
一个数字类型加上一个字符类型,将会默认将数字类型转发成字符类型后进行字符串拼接。
2、字符串转换为数字(显式转换)
定义类型
let a=Number('1')//定义数据类型
console.log(typeof(a));
加“+”号:
let a=+`1`
console.log(typeof(a));
应用场景:
let a=Number(prompt(`请输入数字一:`))//不定义数据类型默认为字符串
let b=Number(prompt(`请输入数字二:`))
console.log(a+b);
输入3,5:
3、将数据尽可能转化为数字:
将字符串转换为整数
let a=3.1415926
console.log(parseInt(a));显示为整数
保留小数部分:
console.log(parseFloat(a));
运算符
计算运算符:+,-,*,/,%
在数字间可以计算。
简写:
a+=3 --- a=a+3
a-=3 --- a=a-3
等。
自增自减:
a++=a+1
a--=a-1
赋值运算符的优先级大于后--(即b=a--,这里先计算b=a),小于前--(即b=--a,这里先计算--a)。
赋值运算符:=
比较运算符:>,<,>=,<=,==(等于),===(全等于)
等于号会发生隐式转换,比如:
console.log(1==`1`);
将字符串转换为了数字再作比较。
而全等于不仅仅会比较数值大小,还会比较数据类型。
逻辑运算符:||(或,一真为真,同假为假),&&(与,同真为真,一假为假),!(非,取反)