JavaScript的五个难点总结

1、立即执行函数

立即执行函数(Immediately Invoked Function Expression),正如它的名字,就是创建函数的同时立即执行。它没有绑定任何事件,也无需等待任何异步操作,如下图:

function(){…}是一个匿名函数,包围它的一对括号将其转换为一个表达式, 紧跟其后的一对括号调用了这个函数。立即执行函数也可以理解为立即调用一个匿名函数。立即执行函数最常见的应用场景就是:将var变量的作用域限制于你们函数内,这样可以避免命名冲突。


2、闭包

对于闭包,当外部函数返回之后,内部函数依然可以访问外部函数的变量。


3、使用闭包定义私有变量

通常,JavaScript 开发者使用下划线作为私有变量的前缀。但是实际上,这些变量依然可以被访问和修改,并非真正的私有变量。这时,使用闭包可以定义真正的私有变量:

代码中,对象 p 的的 name 属性为私有属性,使用 p.name 不能直接访问。


4、prototype

每个 JavaScript 构造函数都有一个 prototype 属性,用于设置所有实例对象需要共享的属性和方法。prototype 属性不能列举。JavaScript 仅支持通过 prototype 属性进行继承属性和方法。

代码中,x 和 y 都是构造函数 Rectangle 创建的对象实例,它们通过 prototype 继承了 getDimensions 方法。


5、模块化

JavaScript 并非模块化编程语言,至少 ES6 落地之前都不是。然而对于一个复杂的 Web 应用,模块化编程是一个最基本的要求。这时,可以使用立即执行函数 来实现模块化,正如很多 JS 库比如 jQuery 以及我们 Fundebug 都是这样实现的。

所谓模块化,就是根据需要控制模块内属性与方法的可访问性,即私有或者公开。在代码中,module 为一个独立的模块,N 为其私有属性,print 为其私有方法,decription 为其公有属性,add为其共有方法。
本文转载自:https://www.toutiao.com/a6532059457667465731/?tt_from=android_share&utm_campaign=client_share&timestamp=1521681290&app=news_article&iid=28727997233&utm_medium=toutiao_android

本文标题:JavaScript的五个难点总结

文章作者:zhaoqing

发布时间:2018年03月22日 - 09:03

最后更新:2018年03月22日 - 09:03

原始链接:https://zqhf.github.io/2018/03/22/article2/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------本文结束感谢您的阅读-------------
坚持原创技术分享,您的支持将鼓励我继续创作!