前端学习日记（十二）

一.课程学习

1.异常处理

try-catch-finally

 function foo() { try { // 查找 DOM 节点 const p = document.querySelector(\'.p\') p.style.color = \'red\' } catch (error) { // try 代码段中执行有错误时，会执行 catch 代码段 // 查看错误信息 console.log(error.message) // 终止代码继续执行 return } finally { alert(\'执行\') } console.log(\'如果出现错误，我的语句不会执行\') } foo()

debugger

相当于断点调试

2.处理this

普通函数

谁调用this的值指向谁

箭头函数

箭头函数所在作用域的this变量

改变this指向

call

 // 普通函数 function sayHi() { console.log(this); } let user = { name: \'小明\', age: 18 } let student = { name: \'小红\', age: 16 } // 调用函数并指定 this 的值 sayHi.call(user); // this 值为 user sayHi.call(student); // this 值为 student // 求和函数 function counter(x, y) { return x + y; } // 调用 counter 函数，并传入参数 let result = counter.call(null, 5, 10); console.log(result);

apply

 // 普通函数 function sayHi() { console.log(this) } let user = { name: \'小明\', age: 18 } let student = { name: \'小红\', age: 16 } // 调用函数并指定 this 的值 sayHi.apply(user) // this 值为 user sayHi.apply(student) // this 值为 student // 求和函数 function counter(x, y) { return x + y } // 调用 counter 函数，并传入参数 let result = counter.apply(null, [5, 10]) console.log(result)

bind

 // 普通函数 function sayHi() { console.log(this) } let user = { name: \'小明\', age: 18 } // 调用 bind 指定 this 的值 let sayHello = sayHi.bind(user); // 调用使用 bind 创建的新函数 sayHello()

二.开发task

git+vscode

基于 VScode 的 git 详细使用指南【保姆级！建议收藏！】_vscode使用git-CSDN博客

聋人网