zoukankan      html  css  js  c++  java
  • JavaScript函数部分补充

    之前说了函数的调用,现在再来说说函数的另外几个重要概念:
    闭包:函数内部可以访问函数外部的变量,函数外部不能访问函数外部的变量。为了打破这种“不公平”,就产生了闭包。
    首先看一个简单的例子:
    var fun1= function () {
                var m=10;
                var inFun= function () {
                    return m;
                }
                return inFun;
            }
            var f=fun1();
            alert(f());
    这就是一个最基本的闭包例子了,在这个例子中,闭包可以理解成为是java中的get函数,用来得到对象内部的属性的。
    上面例子的另一种变体是这样的,但是我个人不是很喜欢这么用。    
       var fun1= function () {
                var m=10;
                var inFun= function () {
                    alert(m);
                }
                inFun();
            }
            fun1();  
    因为容易写成这样子:
            var fun1= function () {
                var m=10;
                var inFun= function () {
                    return m;
                }
                inFun();
            }
            alert(fun1());
    但是,闭包除了上面例子的作用外,还有另外的功能,有时候我们的要求总是会很多,除了访问外,我们还希望对函数内部的变量进行修改,再看下面的例子。
            var fun1= function () {
                var m=10;
                var change= function (n) {
                    return m+=n;
                }
                return change;
            }
            var ch=fun1();//关键就在这里,调用fun1后函数已经结束,按照常理函数中的变量会随着函数的结束而不可访问
            alert(ch(1));//但是在这里输出的是11
    这就是闭包的另一个作用,当调用原函数结束后还可以对函数内部的变量进行访问。因为函数内部的chage()被一个全局变量引用着,因此m并不会退出内存。
    说完这个之后,很多还会再说内部函数的this作用域的问题,因为之前在函数的调用里面已经讲了,并且个人觉得这与函数的闭包并没有多大关系,只是闭包也是内部函数而已。因此这里就不再说那点了。
    回调:让人受不了的就是js的回调了,多层的嵌套会让代码完全看不清楚。不知回调还是“毁掉”,但是据说node.js中的异步回调函数正是其大放异彩的地方。有人说异步的代码是反人类的,但是同步的做事是不是也是反人类的。我想可能没人能受得了先吃饭再看电视而不是一边吃饭一边看电视吧。
    模块:有时候有没有想过写js代码和java代码一样,但是js中没有类一说,作为补充提供了与之类似的模块化。
    其实上面的闭包就有点像模块化了。下面我们看一个更像java中类的模块化代码。
            var model1=(function(){
                var m=10;
                var fun1= function () {
                    alert("我是fun1")
                }
                var fun2= function () {
                    alert("我是fun2")
                }
                return {
                    fun1:fun1,
                    fun2:fun2
                }
            })();
            //在model1外部进行调用
            model1.fun1();
    动态的为model1增加方法:
     var model1=(function(){
                var m=10;
                var fun1= function () {
                    alert("我是fun1")
                }
                var fun2= function () {
                    alert("我是fun2")
                }
                return {
                    fun1:fun1,
                    fun2:fun2
                }
            })();
            //为model1增加方法fun3
            var model2= (function (mod) {
                mod.fun3=function(){
                    alert("我是fun3")
                }
            })(model1);
            model1.fun3();
    

      

  • 相关阅读:
    c语言结构体数组引用
    c语言结构体数组定义的三种方式
    如何为SAP WebIDE开发扩展(Extension),并部署到SAP云平台上
    SAP SRM ABAP Webdynpro和CFCA usb key集成的一个原型开发
    使用SAP API portal进行SAP SuccessFactors的API测试
    SAP UI5应用里的页面路由处理
    在SAP WebIDE Database Explorer里操作hdi实例
    如何使用SAP事务码SAT进行UI应用的性能分析
    使用SAP WebIDE进行SAP Cloud Platform Business Application开发
    SAP CRM WebClient UI ON_NEW_FOCUS的用途
  • 原文地址:https://www.cnblogs.com/Jc-zhu/p/5008653.html
Copyright © 2011-2022 走看看