37 JS一些附录

37.1 JS变量声明

const优先

请问以下的 可不可以把let 改为 const?

//例1 可以
let uname = '刘德华'
let song = '忘情水'
document.write(uname + song) //刘德华忘情水
//例2 可以
let num1 = +prompt('请输入的第一个数值:')
let num2 = +prompt('请输入的第二个数值:')
alert(`两者相加的结果是:${num1 + num2}。`)
//例3 不可以
let num = 1
num = num + 1
console.log(num) //2
//例4 不可以
for (let i = 0; i < nums.length; i++) {
    document.write(num[i])
}
//例5 可以
let arr = ['red', 'green']
arr.push('pink')
console.log(arr) //['red', 'green', 'pink']
//例6 可以
let person = {
    uname: 'pink',
    age: 18,
    gender: '女'
}
person.address = '武汉'
person.gender = '男'
console.log(person)
//例7 不可以
let names = []
names = [1, 2, 3]
//例8 可以
const names = []
names[0] = 1
names[1] = 2
names[2] = 3
//例9 不可以
let obj = {}
obj = {
    uname: 'pink老师'
}
//例10 可以
const obj = {}
obj.uname = 'pink老师'

37.2 JS断点调试

37.2.1 断点的一般操作

作用:学习时可以帮助更好的理解代码运行,工作时可以更快找到bug

断点:在某句代码上加的标记就叫断点,当程序执行到这句有标记的代码时会暂停下来

浏览器打开调试界面

  1. 按F12打开开发者工具
  2. 点到sources一栏
  3. 选择代码文件,见下图。
断点调试

图6.1: 断点调试

断点调试

图1.1: 断点调试

37.2.2 函数内部的断点

首先断点打在函数调用代码,然后点击‘step into next function call’,或者按F11,会进入函数中逐步执行。

断点调试

图31.1: 断点调试