javascript必知必会之this关键字及scope

核心提示： 那么现在回答上面那个问题:其实也很好理解, 在计算某个表达式时, 它会对自己的scope chain进行从上到下的查找,如果找到了 它会立即返回这个值,如果找完了整个chain也没有找到,则返回undefined.这个查找机制也就决定了,通常位于chain的前端的scope有更高的优先级.例如j

那么现在回答上面那个问题:

其实也很好理解, 在计算某个表达式时, 它会对自己的scope chain进行从上到下的查找,如果找到了 它会立即返回这个值,如果找完了整个chain也没有找到,则返回undefined.

这个查找机制也就决定了,通常位于chain的前端的scope有更高的优先级.

例如　javascript　在计算　global_scope + fun_scope + inner_func_scope;　这个表达式时, 它会查找上面图示中的scope chain,从而确定出最后的结果.

一些说明

如果你弄清楚了上面的论述, 应该说你对this关键字和scope已经具有完全的知识基础了,但是 我们需要在实际中更好地使用和理解这些概念,这样才能把能力上升到别一个层次, 这也即所谓的　理论与实践　的关系.

请看下面这个例子:

var　change_color　=　function(){
this.style.color　=　"red";
};
window.onload　=　function(){
var　text　=　document.getElementById("text");
text.onclick　=　change_color;　　　　//此时this指向的是text这个对象(dom对象)
};
//　下面这行代码是在body中
<span　id="another"　>My　color　will　be　changed2.</span>　//这点需要特别注意,　inline　script指向的是window,此处会无定义

需要特别注意的是:

inline event registration中的this并非指向的是自己的dom节点,而是global scope的window,这点可以从上面的例子中得到证明

这种inline event registration是不可取的, 推荐的是　Unobtrusive JavaScript　(处理逻辑和页面结构相分离)

结论

javascript　是一种非常强大的动态语言, 它是　披着C语言外衣的函数式语言, 如果你只当作它是一种 类C的命令式语言,那么你的知识层次还过于低, 而倘若你能够理解到javascript　的函数式语言本质, 你在运用　javascript　,理解　jQuery　及其它的库, 甚至自己写一些　javascript　都会游刃有余的.

后记

本系列的计划的内容已经结束,除了这些而外, 我还想写一至二篇补遗的　javascript　的高级知识来作为本系列的终结. 可能会写的内容包括:

javascript　函数式语言特征探究

javascript　相关库的分析

Unobtrusive JavaScript　的一些理解和实践

总之,　JavaScript　本身是很值得探究的一个语言, 也有很多的值得一书的地方, 我希望后续能够不断地完成这个计划.

其实,之前写过　Django开发必知必会　以及本系列的　javascript必知必会, 发现在写这些内容的同时,自己的相关 知识也有了很大的提高, 写的同时, 站的角度不只是作为一个　自学者　,而是作为一个　教者　,我希望能够看到这些 内容的读者也能够受益. 所以我想后续,我可能会写一些　计算机科学　的其它专题, 如:

python必知必会

正则表达式必知必会

Web开发必知必会

等等

如果这个"宏伟"的计划得以完成, 我想也就成就我自已定义的一个　优秀程序员　的知识基础.

这是一个初步的计划, 我会逐渐展开的. 希望大家能够不断反馈.

谢谢.

本文示例源代码或素材下载