关于一道javascript笔试题

最新推荐文章于 2024-09-25 18:15:20 发布

FuDesign2008

最新推荐文章于 2024-09-25 18:15:20 发布

阅读量981

点赞数

分类专栏： javascript 文章标签： javascript function xhtml safari encoding firefox

本文链接：https://blog.csdn.net/FuDesign2008/article/details/5662978

版权

javascript 专栏收录该内容

125 篇文章 0 订阅

订阅专栏

最近看了一道javascript笔试题，很有意思，所以拿出来探讨一番。题目如下：

请给出下页面代码的运行结果：
 var x = 20;
 function fn(){
     function f1(){
         alert(this.x);
     }
     with(
           {
             f2: function(){
                 alert(this.x);
             },
             x:50
           }
         )
     {
         function f3(){
             alert(this.x);
         }
          function f4(){
             alert (x);
         }
         f1();
         f2();
         f3();
         f4();
     }
 }
 fn();
 
 

用于测试的页面源代码：

 
<?xml version="1.0" encoding="UTF-8"?>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>一道javascript笔试题</title>
 </head>
 <body>
 <noscript>您的浏览器未开启Javascript!</noscript>
 <script type="text/javascript">
     <!--
    /* 注意： 加不加 window.onload 对结果有非常大的影响*/
     //window.onload = function(){ 
 
         var x = 20; 
 
         function fn(){ 
 
             function f1(){ 
 
                 alert("f1: " + this.x); 
 
             } 
 
             with ({ 
 
                 f2: function(){ 
 
                     alert("f2: " + this.x); 
 
                 }, 
 
                 x: 50 
 
             }) { 
 
                 function f3(){ 
 
                     alert("f3: " + this.x); 
 
                 } 
 
                 function f4(){ 
 
                     alert("f4: " + x); 
 
                 } 
 
                 f1();// 
 
                 f2();// 
 
                 f3();// 
 
                 f4();// 
 
             } 
 
         } 
 
         fn(); 
 
     //} 
 
     --> 
 
 </script> 
 
 </body> 
 
 </html>