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

原创 2012年03月26日 17:00:23

自己接触和学习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也有3~4年了,看过几本dom编程的数据,在实际的项目开发中针对js的使用还是非常普遍的,而牵扯到项目大部分都是对框架的使用,jquery ,jquery ui,jq...

JavaScript网页编程之------函数(一般函数、动态函数、匿名函数)

函数 1、一般函数 格式: function  函数名(形式参数...) { 执行语句; return 返回值; } 函数是多条执行语句的封装体,只有被调用才会被运行。 注意:调用有参数的函数,但没有...

JavaScript 匿名函数、模块模式、闭包、命名空间、创建构造器(类)、继承

今天无论是在浏览器中还是在浏览器外,JavaScript世界正在经历翻天覆地地变化。如果我们谈论脚本加载、客户端的MVC框架、压缩器、AMD、Common.js还有Coffeescript……只会让你...

JavaScript 匿名函数、模块模式、闭包、命名空间、创建构造器(类)、继承

今天无论是在浏览器中还是在浏览器外,JavaScript世界正在经历翻天覆地地变化。如果我们谈论脚本加载、客户端的MVC框架、压缩器、AMD、Common.js还有Coffeescript……只会让你...

JavaScript 匿名函数、模块模式、闭包、命名空间、创建构造器(类)、继承

本文章已收录于: JavaScript 今天无论是在浏览器中还是在浏览器外,JavaScript世界正在经历翻天覆地地变化。如果我们谈论脚本加载、客户端的MVC框架、压缩器、AMD、Commo...

Javascript的匿名函数

javaScript匿名函数

  • 2017-08-25 10:17
  • 38KB
  • 下载

JavaScript 模块化编程 - Module Pattern

## 前言 The Module Pattern,模块模式,也译为模组模式,是一种通用的对代码进行模块化组织与定义的方式。这里所说的模块(Modules),是指实现某特定功能的一组方法和代码。许多现...

Javascript模块化编程:require.js的用法

一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的...

Javascript模块化编程(三):require.js的用法

这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什么要用requi...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)