<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width initial-scale=1" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Hell the Bug</title>
  <meta name="description" content="A Frontend Developer">
  <meta name="author" content="If Life Cheat me">
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="Hell the Bug">
  <meta name="twitter:description" content="A Frontend Developer">

  <meta property="og:type" content="article">
  <meta property="og:title" content="Hell the Bug">
  <meta property="og:description" content="A Frontend Developer">

  <link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-touch-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-touch-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-touch-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-touch-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-touch-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-touch-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-touch-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon-180x180.png">
  <link rel="icon" type="image/png" href="/images/favicons/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="/images/favicons/favicon-194x194.png" sizes="194x194">
  <link rel="icon" type="image/png" href="/images/favicons/favicon-96x96.png" sizes="96x96">
  <link rel="icon" type="image/png" href="/images/favicons/android-chrome-192x192.png" sizes="192x192">
  <link rel="icon" type="image/png" href="/images/favicons/favicon-16x16.png" sizes="16x16">
  <link rel="manifest" href="/images/favicons/manifest.json">
  <link rel="shortcut icon" href="/images/favicons/favicon.ico">
  <meta name="msapplication-TileColor" content="#ffc40d">
  <meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png">
  <meta name="theme-color" content="#ffffff">

  <link rel="stylesheet" href="/css/main.css">
  <link rel="canonical" href="//page3/">
  <link rel="alternate" type="application/rss+xml" title="Hell the Bug" href="/feed.xml">
</head>


  <body>
    <span class="mobile btn-mobile-menu">
  <i class="icon icon-list btn-mobile-menu__icon"></i>
  <i class="icon icon-x-circle btn-mobile-close__icon hidden"></i>
</span>
  
<header class="panel-cover" style="background-image: url(/images/cover.jpg)">
  <div class="panel-main">

    <div class="panel-main__inner panel-inverted">
    <div class="panel-main__content">
        <a href="/" title="link to home of Hell the Bug">
          <img src="/images/profile.jpg" class="user-image" alt="My Profile Photo">
          <h1 class="panel-cover__title panel-title">Hell the Bug</h1>
        </a>
        <hr class="panel-cover__divider">
        <p class="panel-cover__description">A Frontend Developer</p>
        <hr class="panel-cover__divider panel-cover__divider--secondary">

        <div class="navigation-wrapper">

          <nav class="cover-navigation cover-navigation--primary">
            <ul class="navigation">
              <li class="navigation__item"><a href="/#blog" title="link to Hell the Bug blog" class="blog-button">Blog</a></li>
              <li class="navigation__item"><a href="/work" title="link to Hell the Bug work" class="blog-button">Work</a></li>
    
            </ul>
          </nav>

          <nav class="cover-navigation navigation--social">
            <ul class="navigation">
          
            

            

            

            
              <!-- GitHub -->
              <li class="navigation__item">
                <a href="https://www.github.com/hitosky" title="hitosky on GitHub" target="_blank">
                  <i class="icon icon-social-github"></i>
                  <span class="label">GitHub</span>
                </a>
              </li>
            

            
              <!-- Email -->
              <li class="navigation__item">
                <a href="mailto:cpyjss@google.com" title="Email cpyjss@google.com" target="_blank">
                  <i class="icon icon-mail"></i>
                  <span class="label">Email</span>
                </a>
              </li>
            

            <!-- RSS -->
            <li class="navigation__item">
              <a href="/feed.xml" title="Subscribe" target="_blank">
                <i class="icon icon-rss"></i>
                <span class="label">RSS</span>
              </a>
            </li>
          
            </ul>
          </nav>

        </div>

      </div>

    </div>

    <div class="panel-cover--overlay"></div>
  </div>
</header>


    <div class="content-wrapper">
      <div class="content-wrapper__inner">
        <div class="main-post-list">

  <ol class="post-list">
    
      <li>
        <h2 class="post-list__post-title post-title"><a href="/2016/JS-EC-VO/" title="JS变量对象与执行上下文">JS变量对象与执行上下文</a></h2>
        <p class="excerpt"><h2 id="execution-context">执行上下文(execution context)</h2>
JS在确定作用域链(<code class="highlighter-rouge">scope link</code>)与原型链(<code class="highlighter-rouge">prototype link</code>)的过程中需要明确当前环境的执行上下文。<br />
JS在执行期间会产生一个栈,用以存放代码运行过程中产生的执行上下文。其结构类似于:<br />
    <code class="highlighter-rouge">ECStack=[];</code><br />
在每次进入一个函数(包括递归调用、构造函数与eval函数)的时候,会把相应的执行上下文压入<code class="highlighter-rouge">ECStack</code>,在代码运行完毕后会执行上下文会被弹出栈,其第一个元素就是当前活跃的上下文<code class="highlighter-rouge">activeContext</code>。

&hellip;</p>
        <div class="post-list__meta"><time datetime="7 Dec 2016" class="post-list__meta--date date">7 Dec 2016</time> &#8226; <span class="post-meta__tags">on <a href="/tags/#JS">JS</a> </span></div>
        <hr class="post-list__divider">
      </li>
    
      <li>
        <h2 class="post-list__post-title post-title"><a href="/2016/Helpful-site-and-blog/" title="Helpful site and blog">Helpful site and blog</a></h2>
        <p class="excerpt"><h2 id="section">软件与运维</h2>

&hellip;</p>
        <div class="post-list__meta"><time datetime="7 Dec 2016" class="post-list__meta--date date">7 Dec 2016</time> &#8226; <span class="post-meta__tags">on <a href="/tags/#Other">Other</a> </span></div>
        <hr class="post-list__divider">
      </li>
    
      <li>
        <h2 class="post-list__post-title post-title"><a href="/2016/HTML5-JS-Escapers/" title="HTML5 + JS Escapers">HTML5 + JS Escapers</a></h2>
        <p class="excerpt">HTML5在解析标签<code class="highlighter-rouge">&lt;script&gt;</code>时可能会出现以下三种数据状态:

&hellip;</p>
        <div class="post-list__meta"><time datetime="7 Dec 2016" class="post-list__meta--date date">7 Dec 2016</time> &#8226; <span class="post-meta__tags">on <a href="/tags/#HTML">HTML</a> <a href="/tags/#JS">JS</a> </span></div>
        <hr class="post-list__divider">
      </li>
    
      <li>
        <h2 class="post-list__post-title post-title"><a href="/2016/ES6-tip/" title="ES6技巧">ES6技巧</a></h2>
        <p class="excerpt"><h3 id="section">1.强制参数传入默认值</h3>
ES6规定只有当参数在被使用的时候,才会被"计算"值。利用这点可以检查用户是否传入该参数。

&hellip;</p>
        <div class="post-list__meta"><time datetime="7 Dec 2016" class="post-list__meta--date date">7 Dec 2016</time> &#8226; <span class="post-meta__tags">on <a href="/tags/#HTML">HTML</a> </span></div>
        <hr class="post-list__divider">
      </li>
    
  </ol>

  <hr class="post-list__divider ">

  
      <nav class="pagination" role="navigation">
  
    
      <a rel="prev" class="posts newer btn small" href="/page2/">← Newer Posts</a>
    
  

  <span class="pagination__page-number">Page 3 of 4</span>

  
    <a rel="next" class="posts older btn small" href="/page4/">Older Posts →</a>
  
</nav>
  

</div>
      </div>

      <footer class="footer">
  <span class="footer__copyright">&copy; 2016 If Life Cheat me. All rights reserved.</span>
</footer> 

<script type="text/javascript" src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="/js/main.js"></script>

    </div>
  </body>
</html>