参考:http://blog.csdn.net/lxp1021/article/details/7395461
自己接触和学习javascript也有3~4年了,看过几本dom编程的数据,在实际的项目开发中针对js的使用还是非常普遍的,而牵扯到项目大部分都是对框架的使用,jquery ,jquery ui,jquery easyui ,真正牵扯到前后台数据的交互,数据算法等高级编程知之甚少,甚至很少用,如果你问我你知道js什么知识呢?我可能智能说知道点jquery的技巧,知道点dom原理,说编程都谈不上,所以为了对的起自己的职业对得起自己的老板,需要把某一些技巧作为编程习惯固定下来,免于以后有人问我你知道什么?我可以喷点模块化编程云云,听起来很高端,其实很简单,废话少说,让我们思考一下模块化编程怎么实现的:
1.模块化编程的原因:
先上代码:
- var age="34";
- var name="alex";
- var state="single";
- function CreatMember(){
-
- }
- function getMemberText(){
-
- }
以上内容定义了三个全局变量和两个全局方法,在以后的编程中不能出现相同的变量和方法,
2.在实际的项目开发中,那我们怎么来规避这种问题办法呢?我们可以把这些变量和方法写在一个匿名函数里,使用匿名函数的特性来执行这些变量和方法,匿名函数的写法:
- var newFun =function(){
- var age="34";
- var name="alex";
- var state="single";
- function CreatMember(){
-
- }
- function getMemberText(){
-
- }
- }();
简化写法:
- (function(){
- var age="34";
- var name="alex";
- var state="single";
- function CreatMember(){
-
- }
- function getMemberText(){
-
- }
- CreatMember();
- getMemberText();
- })();
3.那么我们想调用匿名函数里的变量和方法怎么办?我们需要把我们的匿名函数稍微改动一下:
- var newFun =function(){
- var age="34"
- var name="alex"
- var state="single"
- return{
- CreatMember:function (){
-
- },
- getMemberText:function(){
-
- }();
- newFun.CreatMember();
- newFun.getMemberTextr();
4.结合自己对jquery的理解,在开发组件的时候使用这个闭包模块化编程的编程思想,来实现自定义插件与 jquery的插件不发生冲突:
- (function($){
-
- })(jQuery);
5.如果嫌比较麻烦可以使用一下简写方法:
- var newFun=function(){
- var age="34";
- var name="alex";
- var state="single";
- function CreatMember(){
-
- };
- function getMemberText(){
-
- }
- return{
- creat: CreatMember,
- get:getMemberText
- }
- }();
- newFun.creat();newFun.get();
分享到:
相关推荐
这种方式可以提高代码的可读性和可维护性,因为函数式编程通常会产生更简洁、更模块化的代码。此外,由于函数式编程强调不可变性,它可以减少错误,使调试变得更加简单。 函数式编程语言或支持函数式特性的语言,如...
在JavaScript编程语言中,**匿名函数**是一种非常实用且常见的特性,它们没有具体的名称,通常作为参数传递给其他函数或者在需要函数作为值的地方使用。这种类型的函数可以增加代码的灵活性,并有助于实现一些高级...
总之,JavaScript的函数式编程提供了一种不同的思考和解决问题的方式,它鼓励编写模块化、无副作用的代码,从而提高代码质量。通过学习和实践函数式编程,开发者可以更好地驾驭JavaScript,写出更高效、更易于理解和...
本文将深入讲解JavaScript模块化编程的基础和一些进阶技巧。 基础部分: 1. **匿名闭包**:JavaScript中的匿名闭包是一种基础的模块化工具。它通过一个立即执行的函数表达式(IIFE)创建一个私有作用域,保护内部...
在深入探讨JavaScript函数的广泛应用与特性之前,让我们首先明确一点:JavaScript函数不仅是编程语言中的核心组件,更是实现复杂逻辑、封装功能模块的关键所在。不同于许多传统面向对象的语言,JavaScript通过其独特...
总的来说,匿名函数在JavaScript编程中扮演着重要的角色,它不仅帮助开发者管理变量作用域,而且提高了代码的模块化和可维护性。在设计和实现JavaScript程序时,正确地使用匿名函数将有助于保持代码的优雅与清晰。
理解闭包的原理及其在内存管理、模块化和异步编程中的应用是进阶学习的关键。 3. **异步编程**:JavaScript是单线程的,但通过事件循环和回调函数、Promise、async/await等机制实现异步处理。掌握这些技术能帮助...
在讨论JavaScript编程语言时,匿名函数和闭包是两个重要的概念,它们在函数式编程和模块化代码设计中扮演着核心角色。匿名函数是没有具体名称的函数,它们可以是独立的,也可以是表达式的一部分,通常用于定义临时...
匿名函数在JavaScript中有着广泛的应用,特别是在处理模块化、防止全局变量污染、以及实现函数式编程等方面。 1. 匿名函数的定义方式: - 函数关键字(function)语句:这种方式是最常见的定义函数的方式,但不能...
这种模式有效地实现了模块化编程,使得内部数据和逻辑对外部不可见,仅通过指定接口进行交互,增强了代码的安全性和可维护性。 综上所述,匿名函数在JavaScript中扮演着至关重要的角色,不仅可以用于创建立即执行的...
闭包、匿名函数和作用域链在JavaScript开发中有着广泛的应用,如模块化、异步控制、数据管理等。理解并熟练掌握这些概念,对于提升JavaScript编程能力至关重要。在`function.js`文件中,可能包含了更多关于这些概念...
接着,深入到高级特性,包括作用域(全局、局部、块级)、闭包、原型链和继承、对象的创建与操作(如构造函数、Object.create、字面量表示法)、函数表达式(匿名函数、箭头函数)、模块化(CommonJS、ES6的import/...
匿名函数在JavaScript中有着广泛的应用,特别是在避免全局变量污染、实现模块化和函数式编程等方面。以下是对匿名函数的详细说明: 1. **定义方式**: - 函数关键字(function)语句:这是最常见的定义函数的方式,...
1. **模块化和可复用的代码**:通过将函数作为独立的、无副作用的单元,可以创建高度模块化的代码,易于测试和维护。 2. **事件处理**:在处理事件时,函数式编程可以帮助减少状态改变,使得代码更易于理解和管理。 ...
JavaScript模块化编程是现代Web开发中的重要组成部分,它使得代码组织更加有序,可维护性更强。AMD(Asynchronous Module Definition)规范是JavaScript模块化的一种实现方式,尤其在大型复杂项目中,AMD规范起到了...
这促进了代码的模块化和重用。 函数式编程的一个重要应用是通过使用纯函数和无副作用的原则,来编写可读性更强且更容易维护的代码。文章中提到的示例包括扩展数组排序、动态HTML生成的优美代码、以及系列函数方式的...
JavaScript中的匿名函数是一种没有明确标识符的函数表达式,它可以...理解并熟练运用匿名函数是提升JavaScript编程技能的关键。通过深入研究这些概念,开发者可以更好地利用JavaScript的特性,编写高效、模块化的代码。
闭包在内存管理、数据封装和模块化编程中起着关键作用。 2. **原型(Prototypes)**:JavaScript的对象继承基于原型,理解原型链对于深入理解JavaScript的继承机制至关重要。PPT可能会解释如何通过原型创建对象实例,...