目录
一、JavaScript概述
简称js,是运行在JavaScript解释器或者特定引擎中的解释型、弱类型、面向对象的脚本语言。
1、js的特点
①代码可以使用任何文本编辑器编写。
②解释型语言,无需翻译。
③弱类型语言,不需要进行规定,变量的数据类型是由值来决定的。
2、js的作用
①客户端数据的计算。
②表单的数据验证。
③提供了事件。
④网页中一切css做不了的特效都由js完成。
⑤和服务器端进行交互。
二、JavaScript的使用
1、使用方法
①内部式
<script>
//.......
</script>
②外部式
创建一个.js文件,html页面引入
<script src="a.js"><script>
2、js的调式语言
只是逻辑错误不是语法错误时不会报错,需要方法进行调试。
①在控制台输出日志
console.log(); //打桩输出
②在页面进行输出
document.write(); //如果绑定上了事件,会将页面上的所有内容都替换掉
③弹出框显示
alert(); //会卡住整个页面,必须关闭弹窗后用户才能看到HTML和CSS
3、js的语法规范
严格要求区分大小写。
4、js的注释
单行注释: //
多行注释: /* */
5、变量
变量的值是可以改变的,用来存储要经常使用的数据。
var 变量名 = 值;
特殊:
① = 是赋值符号(将=右边的数据放到=左边的变量名中)。
②如果只声明没有赋值的话,默认值为undefined。
③取变量名尽量见名知意。
④如果创建多个变量,中间的var可以省略,中间的;换为, 最后一个以;结束。
⑤如果是一个未声明的变量直接使用,会报错;如果是一个声明过的变量但是未赋值,结果undefined。
⑥name变量是一个关键字,里面只能放入字符串。如果你放入的不是一个字符串也会自己变成一个字符串。
6、常量
一旦初始化后,值不允许被修改
const 常量名 = 值;
7、算术运算符
+加、-减、*乘、/除、%取余
特殊:
①%取余,俗称模,两个数相除取余数。
作用:
Ⅰ判断奇偶性(num%2,结果为0说明是一个偶数,结果为1是奇数)
Ⅱ获取某个数字的最后n位
1234%10->4
1234%100->34
1234%1000->234
Ⅲ控制一个运算的结构永远不超过某个数。
②隐式转换(数据类型自己悄悄转换)
一般只有数据才能参与算术运算,在这里字符串也可以参与,但默认运算符左右两边都会悄悄变成一个数字,然后再运算。
Ⅰ“+”运算,只要碰到一个字符串则都变为字符串,“+”运算也变成拼接字符串操作。
Ⅱ“-” “*” “/” “%”运算,有字符串也可以转为数字,但是必须是纯数字组成的字符串,否则结果位NaN。
Ⅲ一些转为数字的结果
true->1
false->0
undefined->NaN
null->0
"100"->100
"10abc0"->NaN
Ⅳ我们没有办法使用普通的比较运算来判断x是不是NaN
解决方法: !isNaN(x)-> 判断x是不是一个有效数字
true->是有效数字
false->是无效数字
NaN:not a number
NaN参与任何运算,结果都为NaN。
NaN参与任何比较运算,结果都为false。
8、js中的数据类型
①原始类型(5个)
Ⅰ String字符串:取值有无数个,必须写" "或' '
Ⅱ Namber数字:取值有无数个,直接写数字
Ⅲ Boolean布尔:取值只有两个,true和false
Ⅳ undefined:取值只有一个默认值undefined
Ⅵ Null空,取值只有一个null(作用:释放变量、内存、内存Jon关键)
②对象类型、引用类型(11个)
小扩展:
弹出一个用户输入框:
var user = prompt("提示文字","默认值");