文章目录
一、JavaScript学习总结
1. JavaScript
JavaScript是一种用来编写脚本的编程语言,可以被直接写在网页的 HTML中,在页面加载的时候自动执行,通常在html文件底
1)js代码严格区分大小写
2)js语句结束末尾都需添加 ;(封号)
3)js中会忽略多个空格和换行
<script type="text/javascript">//编写js代码</script>
2. 变量
变量本质上是存储值的容器,通常使用关键词var或者let来创建变量。
<script type="text/javascript">
let a = 'Hello!';
alert(a);
</script>
1)变量名称必须仅包含字母、数字、符号$和_。如果命名包括多个单词,通常采用驼峰式命名法(camelCase),即除了第一个单词,其他的每个单词都以大写字母开头: myFirstName。
2)首字符必须非数字。
3.数据类型
js中六种数据类型:(前五种属于基本数据类型,后一种属于引用数据类型)
1.String
2.Number
1)js中整数和小数也属于Number数据类型
2)在js中整数运算基本可以保证精确,但位数不能太长
3)在js中不要进行对精确度较高的运算,因为结果可能不精确
3.Boolean
4.Null
1)值只有一个,就是null
2)null这个值专门用来表示一个空的对象
3)使用typeof检查一个null值时,会返回object
5.Undefined
1)值只有一个,就是undefined
2) 使用typeof检查一个undefined值时,会返回undefined
3)当声明一个变量但未赋值时,值也是undefined
6.Object
4.运算符
1.一元操作符:++ 、 –
var a = true;
a = +a;
2.布尔操作符(比较结果为 Boolean 类型 ):&& 、||、 !
3.算术操作符:
加法 +,
减法 -,
乘法 *,
除法 /,
取余 %,
求幂 **.
alert( 5 % 2 ); // 显示5除以2的余数,答案为1
4.关系运算符:
关系运算符用来比较两个值之间的大小关系
\>
\>=
<
<=
5.相等运算符:
!=
===
!==
特殊的值:
null和undefined
由于undefined衍生自null,所以**null == undefined** 会返回true。
但是 null === undefined 会返回false。
NaN
NaN不与任何值相等,报告它自身 NaN == NaN //false
判断一个值是否是NaN,使用isNaN()函数
5.遍历语句
var num = ['1', '2', '3', '4'];
1.for in语句(着重下标)
for(var n in num){
console.log(n);
}
2.for of语句(着重元素)
for(var n of num){
console.log(n);
}
3.forEach语句
num.forEach(n => console.log(n));
var other = num.map(n=>n+'X');//map在遍历的同时还返回另一个数组
console.log(other)
6.函数
函数是程序的主要“构建模块”。函数使该段代码可以被调用很多次,而不需要写重复的代码。
封装到函数中的代码不会立即执行,需要调用函数时才执行其中代码。
function sum(n1, n2) {
//该函数的功能为返回输入两个数的和
return n1 + n2;
}
var result = sum(3, 2);
alert(result);
6.1 函数的创建方式
1)函数声明
/*
使用函数声明来创建一个函数
语法:function 函数名([参数1,参数2,.....]){
代码...
}
调用函数语法:函数名()
*/
function fun(){
console.log("我是函数声明创建的函数");
}
fun(); //我是函数声明创建的函数
2)函数表达式
console.log("我是函数声明创建的函数")/*
使用函数表达式来创建一个函数
var 函数名 = function([参数1,参数2,.....]){
代码...
}
*/
var fun2 = function(){
console.log("我是函数表达式创建的函数");
}
fun2(); //我是函数表达式创建的函数
6.2 函数的形参与实参
/*
可以在函数的()中来指定一个或多个形参
多个形参之间使用,隔开,声明形参就相当与在函数内部声明了对应的变量,但没有赋值
*/
function sum(a.b){
console.log(a+b);
}
//在调用函数时,可以在()中指定实参
sum(1,2); //3
/*
调用函数时,解析器不会检查实参的数量
多余的实参不会被赋值
而如果实参的数量少于形参的数量,则没有对应实参的形参被赋值为undefined
*/
sum(1,2,3,4,5,6) //3
sum(1) //NaN
补充:实参可以是任意数据类型的数据
6.3 立即执行函数
函数定义后,立即执行,且只执行一次
(function(){
console.log("立即执行函数")