javascript中提高代码的封装性
来源:互联网 发布:python离线安装包下载 编辑:程序博客网 时间:2024/06/08 17:35
我出的面试题中,有一条是问如何避免页面引用JS,出现函数、变量重复、冲突的。
从大的方面讲,应该引入javascript的模块化开发,符合AMD规范之类;
从小的方面说,大概就是限定变量和函数的作用域了,这也涉及到一点大家如雷贯耳的闭包概念。
众所周知,javascript没有类,只有函数。其实它的函数也跟类差不多了,函数里面可以定义函数。而对于.net来说,直到近期出现的C#7,才支持这一点。
所以,我们可以将函数和变量,都定义在一个函数里面,这样即与外部隔绝矣:
<html><head></head><body></body></html><script>(function (){ function f1(){}; var v1; ....})();</script>
在一个页面中这样书写,等价于:
<html><head></head><body></body></html><script> function f1(){}; var v1; ....</script>
但封装性就好了许多,避免出现后者这种平铺直白,将方法和变量完全暴露于外界的隐患。并且(function(){})();
这种方式可以应用到子函数,乃至推广到所有的函数,层层封装,没有止境。并且有闭包属性,不必担心全局的绑定访问不到里层的函数:
(function(){ function f1(){} function f2(){} $("#btn1").click(function(){ f1(); f2(); });}
1 0
- javascript中提高代码的封装性
- 封装为什么能够提高代码的复用性
- [.net]简单封装NHibernate,提高代码的可扩展性。
- 提高你的Java代码质量吧:提倡异常封装
- JavaScript 注释JavaScript 注释可用于提高代码的可读性。
- Javascript中对EventUtil的封装
- Javascript 中Cookie的封装问题
- JavaScript项目中封装的util常用工具
- Javascript中事件库的封装
- javascript中Ajax的简单封装
- 浅谈利用多态,继承和接口来封装代码,提高Java代码的可扩展性
- 利用函数的惰性载入提高javascript代码性能 转
- 利用函数的惰性载入提高 javascript 代码性能
- JavaScript-注释可用于提高代码的可读性
- 利用函数的惰性载入提高javascript代码性能
- ASP.NET里常用的JavaScript代码封装
- 用面向对象的方式封装javascript代码
- AOP:通过面向方面编程提高代码的封装和复用性(MSDN)
- MySql+java
- 二分查找
- 格式化字符串漏洞利用 七、工具
- 关于ajax请求后js绑定事件失效问题解决方法
- D. Changing a String (编辑距离)(dp+记忆化)(dp后寻找路径大法)
- javascript中提高代码的封装性
- Java 集成Ftp Server踩到的坑
- ACM小学生算术
- 关于Android:layout_weight的真实含义
- 剑指offer题二
- 中文数字转换成阿拉伯数字。
- 257. Binary Tree Paths | 二叉树的路径
- Velocity代码片段
- 札记2