BFC、IFC的概念重要吗？不重要，没有它们我们也能写出符合要求甚至很好的页面。重要，深入了了解了CSS这门语言的核心，你的CSS才可能会有创造性，你才能发明出你自己的奇淫技巧，而不是遇到新的情境就去百度，google。

在看这篇文章之前，先得了解一些无聊的基本概念，重拾CSS规范之从盒类型谈起，当然，我已经尽可能让它有趣了。

今天要写的不是CSS标准盒模型和IE盒模型，那个烂大街了。今天要深入探讨的是CSS去控制页面布局背后的那一套规则，页面就是由很多个各式各样的盒组成的，那我们就聊这个。这个是对后面的BFC以及定位模式的一个铺垫，基础很重要！！！

好久没写博客了，甚是惭愧啊，md语法都快忘了。最近一直在忙着巩固基础，实在是厌倦那种似懂非懂的感觉。有的时候bug出来了，拿别人的代码可能一下子就解决了，可是知识面太零碎化。这篇文章不会涉及margin基本属性，因为这些网上都有。本文内容量不会特别大，但是里面的知识点很多人在实际开发中却会混淆。

这篇文章其实几天前就想写了，但是近日又看到了 this 的很多用法，诸如硬绑定、软绑定，都没用到过。所以不禁感慨，学无止境啊。 this 根据情境不同，指向性差异很大，所以今天就是进行一个简单的梳理，并且对其进行一些原理性的分析。

前言

关于this的误解有很多，有人认为 this 指向函数自身，有人认为 this 指向函数上一级，诸如此类的太多了,甚至就连《高程》中对其都有一个不太严谨的描述：

在全局函数中， this 等于 window ，而当函数被作为某个对象的方法调用时，this 等于那个对象。

今天我们就来探讨一下this的正确打开方式。

当某个函数被调用时，会创建一个执行环境（execution context）及相应的作用域链。然后，使用arguments和其他命名参数的值来初始化函数的活动对象（activation object）。

如果你刚看《高程》，看到这句话估计会似是而非的理解。其实我当时也是，直到最近撸第二遍，也是偶然看到大叔的系列文章，有心研究了下，加上自己的理解，促成了这几篇博文。今天我们先来聊聊执行上下文与活动对象。

var 声明了一个变量，同时可以初始化该变量。

1

var name1 [= value1 [, varname2 [, varname3 ... [, varnameN]]]];

单 var 模式

在函数的顶部使用一个单独的 var 语句是非常推荐的一种模式，它有如下一些好处：

• 在同一个位置可以查找到函数所需的所有变量
• 避免当在变量声明之前使用这个变量时产生的逻辑错误
• 提醒你不要忘记声明变量，顺便减少潜在的全局变量
• 代码量更少（输入更少且更易做代码优化）