JS基础学习01
1. 什么是JS
JS全名JavaScript,它是一门基于对象和事件的,并且具有安全性的脚本语言,它包括:ECMAScript、DOM、BOM。
关于它的历史可以去网上搜到,这里不做说明。
2. JS的书写位置
2.1 书写在html中script标签中:<script type="text/javascript">这里书写script代码</script>
在html中script标签可以写在head标签里,也可以写在body标签里,也可以写在html标签最后。
如果页面中有html代码,建议将js代码写在这些标签之后。
2.2 也可以写在js文件中,html通过<script src="js文件路径"></script>来引入。
3. JS中的输出方式
alert(""):弹出一个提示框;
document.write(""):在浏览器中输出内容;
console.log(""):在控制台中输出消息;
confirm(""):弹出一个确认框;
prompt(""):弹出一个输入框;
4. 变量
4.1 什么是变量
变量是用来帮助我们存储和使用数据的容器。
4.2 变量的命名
变量的命名建议使用有意义的英文单词,可以遵循驼峰命名法,首字母小写第二个单词开始首字母大写,如:userName,userPwd等。
禁止使用JS中的关键字和保留字。
4.3 变量的重复赋值
一个变量可以重复多次进行赋值,如:
var age = 18;
age = 81;
age = 28;
console.log(age);
最后变量的输出值为最后赋值的值。
5. 基础数据类型
5.1 数字类型
包括所有整浮、正负的阿拉伯数字和NaN。NaN:not a number
5.2 字符串类型
用""或者''包起来的都是字符串。
其中还包括转义字符的使用,列如:\'(输出单引号);\"(输出双引号);\\(输出反斜杠);\n(换行)等。
5.3 Boolean类型
只有两个值:true,flase。
在JS中,null、undefined、0、“”、flase、NaN代表flase
5.4 undefined类型
只有一个值就是undefined(未定义),代表变量声明了但是没有赋值。
5.5 null类型
null表示一个空的对象。
除了null类型外,都可以使用typeof关键字来检测变量的数据类型。
6. 运算符
6.1 算术运算符
()括号为提升计算的优先级的作用。
二元运算符:
+加号运算:1、数字+数字的时候,得到两个数字的和;2、+两侧有一个为字符串时,得到的是两个数据的拼接结果。
-减号运算:1、-两侧的数据为数字或者以数字为内容的字符串时,得到两个数据的差;2、-两侧有内容不全为数字的字符串时,得到NaN。
/除号、*乘号、%取余的运算方式和-减号一样。
一元运算符:
++ --
后加加(减减),参与运算的时候,先用自身的原值参与运算,之后再将自身的值加1(减1);而前加加(减减),是先将自身的值加1(减1),而后拿着现在加1(减1)后的值,再参与运算。
复合赋值运算符:
将=(赋值运算符)和算术运算符进行了一个合写,如-=、+=、*=、/=、%=。
6.2 关系运算符
关系运算符是用来描述事物两者之间的关系,有如下几种:
>(大于)、<(小于)、>=(大于等于)、<=(小于等于)、==(等于)、!=(不等于)、===(严格等于)、!==(严格不等于)
6.3 逻辑运算符
逻辑与&&
表达式1 |
表达式2 |
表达式1&&表达式2 |
true |
true |
true |
True |
False |
false |
False |
True |
false |
False |
False |
false |
逻辑或 ||
表达式1 |
表达式2 |
表达式1||表达式2 |
True |
True |
true |
True |
False |
true |
False |
True |
true |
False |
False |
false
|
逻辑非 !
表达式 |
!表达式 |
True |
false |
False |
true
|
6.4 运算符的优先级
优先级从高到低:
()优先级最高;
一元算术运算符++、--和逻辑非!;
二元算术运算符,先*、/、%后+、-;
关系运算符>、>=、<、<=;
相等关系运算符==、!=、===、!==;
逻辑运算符,先&&后||;
赋值运算符=。