`

javascript编程技巧_模块化编程(匿名函数)

 
阅读更多

参考:http://blog.csdn.net/lxp1021/article/details/7395461

 

自己接触和学习javascript也有3~4年了,看过几本dom编程的数据,在实际的项目开发中针对js的使用还是非常普遍的,而牵扯到项目大部分都是对框架的使用,jquery ,jquery ui,jquery easyui ,真正牵扯到前后台数据的交互,数据算法等高级编程知之甚少,甚至很少用,如果你问我你知道js什么知识呢?我可能智能说知道点jquery的技巧,知道点dom原理,说编程都谈不上,所以为了对的起自己的职业对得起自己的老板,需要把某一些技巧作为编程习惯固定下来,免于以后有人问我你知道什么?我可以喷点模块化编程云云,听起来很高端,其实很简单,废话少说,让我们思考一下模块化编程怎么实现的:

1.模块化编程的原因:

先上代码:

 

[javascript] view plaincopy
  1. var age="34";  
  2. var name="alex";  
  3. var state="single";  
  4. function CreatMember(){  
  5.     //[...]  
  6. }  
  7. function getMemberText(){  
  8.     //[...]  
  9. }  

 

以上内容定义了三个全局变量和两个全局方法,在以后的编程中不能出现相同的变量和方法,

2.在实际的项目开发中,那我们怎么来规避这种问题办法呢?我们可以把这些变量和方法写在一个匿名函数里,使用匿名函数的特性来执行这些变量和方法,匿名函数的写法:

 

[javascript] view plaincopy
  1. var newFun =function(){  
  2. var age="34";  
  3. var name="alex";  
  4. var state="single";  
  5. function CreatMember(){  
  6.     //[...]  
  7. }  
  8. function getMemberText(){  
  9.     //[...]  
  10. }  
  11. }();  

简化写法:

[javascript] view plaincopy
  1. (function(){  
  2. var age="34";  
  3. var name="alex";  
  4. var state="single";  
  5. function CreatMember(){  
  6.     //[...]  
  7. }  
  8. function getMemberText(){  
  9.     //[...]  
  10. }  
  11. CreatMember();  
  12. getMemberText();  
  13. })();  

3.那么我们想调用匿名函数里的变量和方法怎么办?我们需要把我们的匿名函数稍微改动一下:

[javascript] view plaincopy
  1. var newFun =function(){  
  2. var age="34"  
  3. var name="alex"  
  4. var state="single"  
  5. return{  
  6. CreatMember:function (){  
  7.     //[...]  
  8. },  
  9. getMemberText:function(){  
  10.  //[...]}  
  11. }();  
  12. newFun.CreatMember();  
  13. newFun.getMemberTextr();  

 

4.结合自己对jquery的理解,在开发组件的时候使用这个闭包模块化编程的编程思想,来实现自定义插件与 jquery的插件不发生冲突:

 

 

[javascript] view plaincopy
  1. (function($){  
  2. //[...]  
  3. })(jQuery);  


5.如果嫌比较麻烦可以使用一下简写方法:

[javascript] view plaincopy
  1. var newFun=function(){  
  2. var age="34";  
  3. var name="alex";  
  4. var state="single";  
  5. function CreatMember(){  
  6.   //[...]  
  7. };  
  8. function getMemberText(){  
  9. //[...]  
  10. }  
  11. return{  
  12. creat: CreatMember,  
  13. get:getMemberText  
  14. }  
  15. }();  
  16. newFun.creat();newFun.get();  

 

 

分享到:
评论

相关推荐

    函数式编程思维.pdf_函数式编程_函数式编程思维_

    这种方式可以提高代码的可读性和可维护性,因为函数式编程通常会产生更简洁、更模块化的代码。此外,由于函数式编程强调不可变性,它可以减少错误,使调试变得更加简单。 函数式编程语言或支持函数式特性的语言,如...

    Javascript的匿名函数

    在JavaScript编程语言中,**匿名函数**是一种非常实用且常见的特性,它们没有具体的名称,通常作为参数传递给其他函数或者在需要函数作为值的地方使用。这种类型的函数可以增加代码的灵活性,并有助于实现一些高级...

    javascript 函数式编程

    总之,JavaScript的函数式编程提供了一种不同的思考和解决问题的方式,它鼓励编写模块化、无副作用的代码,从而提高代码质量。通过学习和实践函数式编程,开发者可以更好地驾驭JavaScript,写出更高效、更易于理解和...

    Javascript模块化编程详解

    本文将深入讲解JavaScript模块化编程的基础和一些进阶技巧。 基础部分: 1. **匿名闭包**:JavaScript中的匿名闭包是一种基础的模块化工具。它通过一个立即执行的函数表达式(IIFE)创建一个私有作用域,保护内部...

    Javascript的匿名函数讲解

    总的来说,匿名函数在JavaScript编程中扮演着重要的角色,它不仅帮助开发者管理变量作用域,而且提高了代码的模块化和可维护性。在设计和实现JavaScript程序时,正确地使用匿名函数将有助于保持代码的优雅与清晰。

    JavaScript_高级编程(成书)

    理解闭包的原理及其在内存管理、模块化和异步编程中的应用是进阶学习的关键。 3. **异步编程**:JavaScript是单线程的,但通过事件循环和回调函数、Promise、async/await等机制实现异步处理。掌握这些技术能帮助...

    JavaScript 匿名函数和闭包介绍

    在讨论JavaScript编程语言时,匿名函数和闭包是两个重要的概念,它们在函数式编程和模块化代码设计中扮演着核心角色。匿名函数是没有具体名称的函数,它们可以是独立的,也可以是表达式的一部分,通常用于定义临时...

    JavaScript中匿名函数的用法及优缺点详解_.docx

    匿名函数在JavaScript中有着广泛的应用,特别是在处理模块化、防止全局变量污染、以及实现函数式编程等方面。 1. 匿名函数的定义方式: - 函数关键字(function)语句:这种方式是最常见的定义函数的方式,但不能...

    匿名函数的一点知识

    这种模式有效地实现了模块化编程,使得内部数据和逻辑对外部不可见,仅通过指定接口进行交互,增强了代码的安全性和可维护性。 综上所述,匿名函数在JavaScript中扮演着至关重要的角色,不仅可以用于创建立即执行的...

    javascript 闭包、匿名函数、作用域链

    闭包、匿名函数和作用域链在JavaScript开发中有着广泛的应用,如模块化、异步控制、数据管理等。理解并熟练掌握这些概念,对于提升JavaScript编程能力至关重要。在`function.js`文件中,可能包含了更多关于这些概念...

    突破javascript编程实例五十讲

    接着,深入到高级特性,包括作用域(全局、局部、块级)、闭包、原型链和继承、对象的创建与操作(如构造函数、Object.create、字面量表示法)、函数表达式(匿名函数、箭头函数)、模块化(CommonJS、ES6的import/...

    JavaScript中匿名函数的用法及优缺点详解_.pdf

    匿名函数在JavaScript中有着广泛的应用,特别是在避免全局变量污染、实现模块化和函数式编程等方面。以下是对匿名函数的详细说明: 1. **定义方式**: - 函数关键字(function)语句:这是最常见的定义函数的方式,...

    比较不错的函数式JavaScript编程指南教程

    1. **模块化和可复用的代码**:通过将函数作为独立的、无副作用的单元,可以创建高度模块化的代码,易于测试和维护。 2. **事件处理**:在处理事件时,函数式编程可以帮助减少状态改变,使得代码更易于理解和管理。 ...

    Javascript模块化编程(二)AMD规范共3页.pd

    JavaScript模块化编程是现代Web开发中的重要组成部分,它使得代码组织更加有序,可维护性更强。AMD(Asynchronous Module Definition)规范是JavaScript模块化的一种实现方式,尤其在大型复杂项目中,AMD规范起到了...

    用函数式编程技术编写优美的JavaScript

    这促进了代码的模块化和重用。 函数式编程的一个重要应用是通过使用纯函数和无副作用的原则,来编写可读性更强且更容易维护的代码。文章中提到的示例包括扩展数组排序、动态HTML生成的优美代码、以及系列函数方式的...

    深入研究JavaScript的匿名函数.doc

    JavaScript中的匿名函数是一种没有明确标识符的函数表达式,它可以...理解并熟练运用匿名函数是提升JavaScript编程技能的关键。通过深入研究这些概念,开发者可以更好地利用JavaScript的特性,编写高效、模块化的代码。

    Advanced JavaScript(高级JavaScript编程)

    闭包在内存管理、数据封装和模块化编程中起着关键作用。 2. **原型(Prototypes)**:JavaScript的对象继承基于原型,理解原型链对于深入理解JavaScript的继承机制至关重要。PPT可能会解释如何通过原型创建对象实例,...

Global site tag (gtag.js) - Google Analytics