1.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var name='武老板'; function func(){ var name='李杰'; function inner() { alert(name); } return inner; } var ret=func(); ret() </script> </body> </html>
测试结果:
2.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> function main() { if (1 == 1) { var name = '武老板'; } console.log(name); } main() </script> </body> </html>
测试结果:
没有打印出任何东西
3.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> xo='alex'; function func() { var xo = '武老板'; function inner() { var xo='老男孩'; console.log(xo); } inner(); } func(); </script> </body> </html>
测试结果:
没有打印出任何东西
4.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function Foo() { console.log(xo); var xo='武老板'; } Foo(); </script> </body> </html>
结果:
没有打印出任何东西
5.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var name='alex'; function Foo() { this.name='武老板'; this.func=function () { alert(this.name); } } var obj=new Foo(); obj.func() </script> </body> </html>
结果:
弹框
6.重点题目(详细了解that和this的区别)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var name='alex'; function Foo() { this.name='武老板'; this.func=function () {
//注意这里是自执行函数,这里的this指的是上边的function结果自然是alex了 (function() { alert(this.name); })() } } var obj=new Foo(); obj.func() </script> </body> </html>
结果:
