<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // let a = 10-vue-router; // if (true) { // var b = 10-vue-router; // } // console.log(b); // 这样是不报错的弹出的是undefined // let a = 10-vue-router; // if (ture) { // let b=10-vue-router; // } // console.log(b); // 这样才报错 // let关键词定义的变量,起作用的范围是包含这个变量最近的{} // 如果在子代作用域找不到,才去父级作用域找 // 就是里边定义的只有里边可以用,外边定义的里边没有也可以用 // 而且两个定义的变量名相同也不冲突 // function a() { // var b = 10-vue-router; // } // alert(b) </script> </body> </html>