1.运算符
1.1.比较运算符
-
===: 左右两边是否类型和值都相等
-
!==: 左右两边是否不全等
-
比较结果为boolean类型,即只会得到true或false
-
NaN不等于任何值,包括它本身
-
尽量不要比较小数,因为小数有精度问题
-
不同类型之间比较会发生隐式转换
- 最终把数据隐式转换转成number类型再比较
- 所以开发中,如果进行准确的比较我们更喜欢=或者!
1.2.逻辑运算符
<body>
<script>
console.log(false && 20) // false
console.log(5 < 3 && 20) // false
console.log(undefined && 20) // undefined
console.log(null && 20) // null
console.log(0 && 20) // 0
console.log(10 && 20) // 20
</script>
</body>
2.网页断点调试
目标:掌握断点调试方法,学会通过调试检查代码
- 作用:学习时可以帮助更好的理解代码运行,工作时可以更快找到bug
- 浏览器打开调试界面
- 按F12打开开发者工具
- 点到sources一栏
- 选择代码文件
- 断点:在某句代码上加的标记就叫断点,当程序执行到这句有标记的代码时会暂停下来
3.数组操作
- 数组.push():向末尾添加元素
- 数组.unshift():向开头添加元素
- 数组.pop():方法从数组中删除最后一个元素,并返回该元素的值
- 数组.shift():方法从数组中删除第一个元素,并返回该元素的值
- 数组. splice()方法删除指定元素
<body>
<script>
let arr = ['red', 'green']
arr.push('blue', 'skyblue')
arr.unshift('pink', 'hotpink')
console.log(arr)
arr.shift()
console.log(arr)
//arr.splice(start, deleteCount(如果省略默认从start删除到最后))
//arr.splice(起始位置,删除几个元素)
</script>
</body>
4.函数
4.1函数的声明语法
fuction 函数名() {
函数体
}
4.2函数名命名规范
- 和变量命名基本一致
- 尽量小驼峰式命名法
- 前缀应该为动词
- 命名建议:常用动词约定
动词 | 含义 |
---|---|
can | 判断是否可执行某个动作 |
has | 判断是否含义某个值 |
is | 判断是否为某个值 |
get | 获取某个值 |
set | 设置某个值 |
load | 加载某些数据 |
4.3 具名函数和匿名函数
4.3.1具名函数
声明: function fn(){}
调用: function() {}
4.3.2匿名函数
1. 将匿名函数赋值给一个变量,并且通过变量名称进行调用我们将这个称为函数表达式
语法:
let 变量名 = function () {
//函数体
}
<body>
<script>
let fn = function() {
console.log(111)
}
fn()
</script>
</body>
2.立即执行函数:立即执行,无需调用
注意点:
- 多个匿名函数之间需要通过分号隔开,否则会报错
语法:
<body>
<script>
//方法1
(function (形参1,形参2,...) {console.log(111)} ) (实参1,实参2,...);
//方法2
(function (形参1,形参2,...) {console.log(111)} (实参1,实参2,...) );
</script>
</body>