变量提升
变量与函数名提升优先级
js 作用域内有变量，这个很好理解，但有一些细节需要注意。
console.log(foo) // 函数function foo(){console.log("函数声明")
}
console.log(foo) // 函数var foo = "变量"
console.log(foo) // 变量
当变量名与函数名同名，且都提升上去了，那最终结果是哪个声明起作用呢？
有两个知识点：
1. var foo并不会覆盖之前的变量
2. 函数提升优先级比变量提升要高，且不会被变量声明覆盖，但是会被变量赋值覆盖，所以上面的代码实际上是
function foo(){ // 优先级最高，提升到最前面console.log("函数声明")
}var foo // 只提升声明，不提升赋值，且不能覆盖函数声明console.log(foo)
console.log(foo)
foo = "变量" // 可以覆盖函数声明console.log(foo)
连等赋值的变量提升
var num1 = 1 function fn(num3){console.log(num1) //output undefined
console.log(num3) //output 4
console.log(num4) //throw error “num4 is not defined”
console.log(num2) //throw error “num2 is not defined”
var num1 = num4 = 2 // js 连等赋值 num4 不会被提升
num2 = 3 // 没有 var 会挂载到全局作用域,但不会提升,所以之前会报错
var num3= 5
}
fn(4)
if 判断内变量提升
if (true) {function fn(){ return 1 }
}else {
if(false){
function fn(){ return 2 }
}
}
console.log(fn.toString())
console.log(fn())
以下是从找到这个例子的原文中摘抄的内容：chrome和ie一均为function fn(){ return 2}，而firefox中依然报错。
可见三者处理并不相同。ff中会提前变量的声明，但不会提前块级作用域中的函数声明。而chrome和ie下就会提前块级作用域中的函数声明，而且后面的声明会覆盖前面的声明。
函数的作用域内赋值
在js中，提到变量赋值，就要先说作用域，而作用域，在es6之前，只有函数才会形成独立的作用域，然后函数的嵌套形成了 js 的作用域链。子作用域内可以访问父级作用域内的元素。函数的作用域在函数确定的时候就已经确定，与调用无关。
// test1var x = 1function foo(x) {var x = 3 var y = function() {
x = 2
console.log(x)
}
y()
console.log(x) return y
}var z = foo() // 2 2z() // 2
这段函数会输出三个 2 ，指向同一个 x，甚至，将 x 改为对象，就更明显了
// test2var x = "abc"function foo(x) {var x = c var y = function() {
return x
} return y
}var c = {a:1}var z = foo()
var b = z()
console.log(b === c) // true
上面例子中，foo 函数执行后，返回 y 函数并赋值给 z，z 指向 y 函数（函数体)，此时，z 并不在 foo 函数的作用域内，在此作用域不能访问到 x，但 z 只是引用类型数据的一个指针，只是同 x 指向了同一个对象而已。而执行 z 函数，则会返回 x 的值，这个值是函数 y 作用域内访问到的 x 的值，是根据函数的书写位置确定的作用域，并不会因为调用位置不同，而改变变量的指向。
但是同时要注意，虽然函数作用域在函数写出来时就已经确定，但具体的值却跟调用的时机有关。
// test3var x = "abc"function foo(x) {var x = c var y = function() {
x.a++ return x
} return y
}var c = {a:1}var z = foo()
console.log(z()) // {a: 2}console.log(z()) // {a: 3}console.log(z()) // {a: 4}
这个例子中，输出的三次都是同一个对象，但输出的值不同，这是因为输出的时候的值不同，这就和调用时的实际值有关了。
JS代码出现错误的解决方法如下所示。具体解决步骤：
1、在HTML中调用错误的JS文件，然后用浏览器打开，打开后按下键盘上的F12，打开调试工具，打开后，我们查看控制台右上角偏左的位置，如箭头所示，在这个地方显示JS代码中有几处错误。
2、找到控制台中的Console选项，用鼠标左键点击，如下图箭头已经指出。
3、用鼠标点击后，会出现红色的错误提示，在提示中我们可以看到错误的原因，显示这个方法未定义。
4、看控制台右上角我们会发现第几行出现错误，我这段代码是第28行出现错误，我们用鼠标左键点击箭头所指的地方。
5、点击之后我们会找到代码中错误的地方用红色曲线标出，行数正好是28行。
6、这样我们就可以在代码编辑器里面有针对性的修改JS代码了。
<script>function panduan(ts1){
if (ts1["mm"]["value"]==""){
window["alert"]("密码错误")
return false
}
if (ts1["mm"]["value"]=="zhenhaowan"){
window["alert"]("恭喜你通过第十一关")
return true
}else{
window["alert"]("密码错误")
return false
}
}
</script>
