JS-基础语法-IT学院的JS快速入门视频学习笔记

JS-基础语法-IT学院的JS快速入门视频学习笔记

学习网址

• 哔哩哔哩的UP：IT学院 的 JS光速入门 | Coding Club
• https://www.bilibili.com/video/BV15x4y1r7R9

---

目录

[TOC]

---

学习笔记

JS表达式部分

0 == '0'  // true
// 自动进行类型转换
// 应该使用：强制类型转换
0 === '0' // false
// 避免使用类型转换来进行比较，=== 是严格比较(可以这样理解)

0 + '0'  // '00'
// 这里使用了强制类型转换，将 0 转换成了 '0' ，所以就返回'00'

JS与或操作

// 与或操作 （广义与、广义或）
x && y  -> 广义与：如果x为真，则返回y
x || y  -> 广义或：如果x为真，则返回x，如果x为假，则返回y

JS展开运算符

什么是展开运算符？
	就是把里面的东西(数据data)在此处展开
   
例如（demo）：
const obj1 = {a:12,b:13}
const obj2 = {a:13,b:14, ...obj1}
// 这里的...obj1会展开，也就是转换为 {a:12,b:13} ，并覆盖掉obj2前面的a和b值。
// （因为是对象的基础规则：后面有重复的会覆盖前面的）

// 同理：展开数组和字符串数组
const arr1 = [...[1,2,3,4]] // => [1,2,3,4]
const arr2 = [..."hello"]   // => ['h','e'...]
// 字符串展开成字符数组

JS控制结构

if..else、if..else..if、while、for、for of、for in

判断没什么好讲的，讲一下for：

for

for(let i = 0;i < 10; i++){
	log(i);
}

for of

const arr = [1,2,3,4,5]
for (let a of arr){
	console.log(a);
}
// 遍历数组的item（元素）（直接循环数组内容）

for in

const obj = {
	a:'abc',
    b:'abcd',
    c:'abcde'
}
for (let key in obj){
    console.log(key,obj[key]);
}
// 遍历对象的key（键）

---

JS函数

常规写法

function add(a,b){
    return a + b
}

函数作为一个值（匿名函数）

// 函数作为一个值（匿名函数）
// 【定义变量的方式来定义函数】
const add_f = function(a,b){
	return a + b
}

// 匿名函数(没有函数名就是匿名函数)
// 函数本身可以作为一个value

箭头函数（另一种匿名函数）

const add_f = (a,b) => {
	return a + b
}

// 箭头函数（另一种匿名函数）
// 箭头代替function关键字
// 箭头和function的区别在this有点区别

表达式函数（箭头的进一步省略）

const add = (a,b) => a+b

函数作为一个函数参数传入一个函数

function test(a,b){
    if (a === b){
        f()
    }
}
// 如果成立则执行f()

// 示例：
test(1,1()=>{console.log('a===b')})
// 输出a===b

---

笔记草稿