学习YUI.Ext 第二天

遇到一些JS的语法上的问题，没有理解透，恶补基本功！

匿名函数 An anonymous function

没有名字的就叫作“匿名函数”，像这个

function(x,y){return x+y}

没有名字当然不能直接调用，也无法调用；最多能只能把它赋值或闭包处理（闭包是什么下面再讲），如：

var sum =function(x,y){return x+y};

alert(sum(1,2));

这时候，与传统写法是等价的 function sum(x,y){return x+y}.这样的写法让人感觉更OOP,因为sum变量就包含了function...这个函数体；

还可以闭包的方式调用该函数：

(functioin(x,y){return x+y})(1,2) //返回值3

代码很简洁。注意括号的使用，形式为(exp)()。这种用法可以称作 闭包closure。
后面括号的是参数，把这些参数放进fn里面立即计算，得出一个值 3。这实际上是一个表达式的运算。没想到fn函数体也可以放进去参与运算^_^(Using function as an expression)！（基本功：表达式Expression，其含义是通过计算后，始终会返回一个值，无论这个表达式有多长）

fn还可以以参数形式传递(passing function as argument to other functions)

var main_fn = function(fn,x,y){return fn(x,y)}

var sum = function (x,y){
   return x+y;
}

alert(main_fn(sum,1,2)) // result:3

总结一下（by an IBM Engineer's article, refer to IBM website,最好用心记一记)

Functions need not have names all the time.

Functions can be assigned to variables like other values.

A function expression can be written and enclosed in parenetheses for application later.

Functions can be passed as arguments to oher funcitons.

再谈闭包，闭包的作用是形成一个定义域，举一个很白痴的例子 1+(2+3),括号部分优先运算，或者换个说法，括号里面的归为一个范围，这个范围我不理你做什么事情都是你里面做的事情，与括号外界无关（好像是废话，--我是这样想的，就是这样写的@#@）,程序上的理解也是这样。js有函数定义域function scope,因此，当使用this指向一个对象出现问题的时候，可考虑使用闭包。具体例子在：http://www.svendtofte.com/code/practical_functional_js/

赞 (0)

相关推荐

  • 学习YUI.Ext 第二天

    遇到一些JS的语法上的问题,没有理解透,恶补基本功! 匿名函数 An anonymous function 没有名字的就叫作"匿名函数",像这个 function(x,y){return x+y} 没有名字当然不能直接调用,也无法调用:最多能只能把它赋值或闭包处理(闭包是什么下面再讲),如: var sum =function(x,y){return x+y}; alert(sum(1,2)); 这时候,与传统写法是等价的 function sum(x,y){return x+y}.这

  • 学习YUI.Ext 第六天--关于树TreePanel(Part 1)

    学习YUI.Ext 第五天--关于树TreePanel(Part 1)  效果演示:http://www.ajaxjs.com/yuicn/demos/order_tree.asp     树组件是YUI.Ext 0.40 新增的组件.虽然YUI已经自带有TREE VIEW的组件,但JACK还是决定重新开发.具体原因在http://www.ajaxjs.com/yuicn/article.asp?id=20070245(翻译文章)或http://www.jackslocum.com/blog/2

  • 学习YUI.Ext 第四天--对话框Dialog的使用

    使用方法: 1.加入YUI.Ext 库到你的web程序: <!-- YAHOO UI Utilities Lib, you will need to replace this with the path to your YUI lib file --> <script type="text/javascript" src="deepcms/yui/utilities_2.1.0.js"></script><script ty

  • 学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例

    之前在Part 1简单介绍了Veiw和JSONView.今天这里小弟为大家说说应用的案例,原本Jack的Image Chooser是一个非常好的案例,当中包含Jack大量的奇技淫巧,不过正因为这样,过于深奥,小弟我亦不能全盘吃透,只挑其"勃大茎深"之处,与君共勉之!本文包含四大知识点:1.在LayoutDialog中加入Tabs:2.View的使用方式:3.JSONView的使用方式;4.获取XML/JSON的fields值与分页 演示地址 [View之定义]  A View is g

  • 学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)

    下面将介绍如何异步取一棵树的所有节点,具体做法与官方同步取节点有很大不同,尤其在json的id属性上,下面是我一些摸索,可能不是最佳方案,有待大家一起研究. 异步取节点的思路是这样的: 1.先定义一个初始化节点(也可以不定义,看个人需求) 2.yui-ext根据该节点id请求服务器,获得子节点各属性 3.循环 特点:可以在上一级目录中,在服务器端预先将该节点是否有子节点读好(json中的isLeaf属性),虽然但数据库将多承担一些压力,但用个count(*)不会造成太大负担(除非查询条件异常复杂

  • 学习YUI.Ext 第七天--关于View&JSONView

    学习YUI.Ext 第七天--关于View&JSONView

    展现一条一条的二维关系的数据,我们可以使用GIRD组件. 但有些场合,如产品展示,画册,我们可以使用View组件,来展示"矩阵"式的数据. View的数据源来自DataModel对象,即包含XMLDataModel和JSONDataModel.尽管View支持JSON,但如果不是用于DataModel,View的子类JSONView更适用,因为它提供更多的事件和方法.一般来说,View用于XML数据源:JSONView用于JSON数据源. View如何工作? 记得以前如何输出一个记录吗

  • 学习YUI.Ext基础第一天

    导言 翻了翻以前的旧贴子,有值得回味的地方共分享: Post1: ................. 我们现在的大量应用依赖于浏览器(主要是 IE)的脚本处理能力,在有些老机器上跑的时候确实会略显缓慢,但是目前的主流机型处理起来已经没有任何问题了.我们设计了一整套的 Web 开发框架,这套框架将随着应用的锤炼而越来越稳定.JavaScript 用的不好容易造成 IE 的崩溃,我们是靠提高代码的重用度来解决这个问题的,因为重用度越高的代码往往越稳定. 有些眼高手低的人往往凭第一眼印象就把 Java

  • 学习YUI.Ext第五日--做拖放Darg&Drop

    拖放某个元素Darg&Drop是windows(视窗)问世时的一个重要特征.现在我们要在浏览器里面实现,怎么做呢?先看看基本例子: 复制代码 代码如下: YAHOO.example.DDApp = function() {      var dd;      return {          init2: function() { //   var dropzone =["dz"];  //   for(i in dropzone){  //           new YA

  • 学习YUI.Ext 第三天

    对于以前很多混淆不清的知识,有必要再梳理一下:就从最基础的变量开始说起. 1..变量variable a.全局变量Global Variable 和 局部变量 Private Variable 加var和不加var是有区别的        -->如果不用关键字var,声明一个变量,那么这个是全局变量,任何子函数都可以访问,就算是跳出花括号的地方,亦可被访问:       -->如果使用关键字var,则从所在的"花括号{}"起,全体函数都可以访问该变量,如: function

  • ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    通过此文能学习到如下内容 1.创建一个简单的面板 Ext.Panel 2.制作一个可以拖动的面板 Ext.Panel 3 .使用选项卡面板 3.使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是ExtJs控件的基础,很多控件都是在面板的基础上扩展的,或者他会与其他控件之间有关系. 面板由一个工具栏.一个底部工具栏.面板头部.面板尾部和面板主区域几个部分组成.面本类中还提供了面板展开.关闭等功能.并提供了一些可重用的工具按钮让我们灵活的控制面板.面板可以放入其他任

随机推荐