浅析javascript函数表达式


Posted in Javascript onFebruary 10, 2016

开始学习javascript函数表达式,仔细阅读下文。

1、一般形式的创建函数,在执行代码之前会先读取函数声明,所以可以把函数声明写在函数调用的下面:

sayHi();
 function sayHi(){
     alert("Hi!");
}

2、使用函数表达式创建函数,调用前必须先赋值:

sayHi(); //错误!!函数不存在
 var sayHi=function(){
     alert("Hi!");
}

3、递归

一般递归

function factorial(num){
        if (num <= 1){
          return 1;
        } else {
          return num * factorial(num-1);
        }
      }

arguments.callee指向正在执行的函数的指针,可以用它来实现递归:

function factorial(num){
        if (num <= 1){
          return 1;
        } else {
          return num * arguments.callee(num-1);
        }
      }

4、闭包(闭包指一个函数,这个函数可以访问另一个作用域里的变量)。
创建闭包的常见方式:在一个函数内部创建另一个函数。当函数执行时,会创建一个执行环境和相应的作用域链。闭包只能取得包含函数中任何变量的最后一个值:

function createFunctions(){
        var result = new Array();
        
        for (var i=0; i < 10; i++){
          result[i] = function(){
            return i;
          };
        }
        
        return result;
      }
      
      var funcs = createFunctions();
      
      //every function outputs 10
      for (var i=0; i < funcs.length; i++){
        document.write(funcs[i]() + "<br />");
      }

上面代码输出的全部是10。这是因为:每个funcs函数都保存着createFunctions()这个活动对象(这是一个函数,也是一个对象,也是一个引用类型Function类型),而createFunctions()这个活动对象有一个变量i,所以,每个funcs都将拥有这个变量i,而createFunctions()这个函数在返回结果时,i已经变成10了。所以funcs数组的每个值都是10.

可以像下面这样改造:

function createFunctions(){
        var result = new Array();
        
        for (var i=0; i < 10; i++){
          result[i] = function(num){
            return function(){
              return num;
            };
          }(i);
        }
        
        return result;
      }

在调用每个匿名函数时,将i的当前值给了num,而在匿名函数内部,创建并返回num的闭包。这样,返回数组的每个函数都有自己num变量的一个副本。(这段没有说清,读者自己再揣摩,如果有更好的描述方法,请评论在文章下面,谢谢)

5、this对象

  • 全局函数中,this就相当于window。
  • 函数被作为某个方法调用时,this相当于那个对象。
  • 每个函数在被调用时,这个函数都会自动获取两个特殊变量:this、arguments。内部函数在搜索这两个变量时,只搜索到活动对象为止。

6、模仿块级作用域(私有作用域)
如下:

function outputNumbers(count){
        for (var i=0; i < count; i++){
          alert(i);
        }
      
        alert(i);  //count
      }

      outputNumbers(5);

在Java等语言中,for里面的变量i用完就销毁了。而在javascript中,outputNumbers调用时生成活动对象,而这个i是属于这个活动对象的,因此从它被定义开始,就可以在函数内部随处访问它,它在该活动对象内部是共有的。

匿名函数的语法(创建私有作用域):

(function(){
 //这里是块级作用域
})();

函数声明放在圆括号中,表示它是一个表达式,而后面再加个括号就可以立即调用它。

如果临时需要一些变量,那么就可以使用私有作用域:

function outputNumbers(count){
      
        (function () {
          for (var i=0; i < count; i++){
            alert(i);
          }
        })();
        
        alert(i);  //causes an error
      }

上面代码中,i就被私有了,在匿名函数(私有域)外部访问i时就会报错,尽管alert依然在活动对象内。

7、私有变量
函数的参数、局部变量以及函数内部定义的其他函数都属于该函数的私有变量。比如:

function add(num1,num2){
  var sum = num1 + num2;
  return sum; 
}

有3个私有变量:num1,num2,sum。函数内部可以访问它们,外部就不行了。

特权方法可以访问私有变量:简单说,使用表达式方式给它一个闭包,在闭包内部访问其他函数:

function Person(name){

        var a=0;
      
        this.getName = function(){
          return name + a;
        };
      
        this.setName = function (value) {
          name = value;
        };
      }

this.getName、this.setName就是表达式方式,在创建Person实例后,只能通过getName或者setName来访问name、a属性。

以上就是本文的全部内容,希望对大家学习的学习有所帮助。

Javascript 相关文章推荐
主页面中的两个iframe实现鼠标拖动改变其大小
Apr 16 Javascript
jquery 提交值不为空的元素示例代码
May 10 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
Nov 03 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
angularjs的一些优化小技巧
Dec 06 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
Jun 13 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
Feb 08 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
Aug 16 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 Javascript
详解AngularJS中的http拦截
Feb 09 #Javascript
详解Javacript和AngularJS中的Promises
Feb 09 #Javascript
深入浅析JavaScript面向对象和原型函数
Feb 06 #Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
Feb 06 #Javascript
javascript+css3 实现动态按钮菜单特效
Feb 06 #Javascript
Angularjs全局变量被作用域监听的正确姿势
Feb 06 #Javascript
JavaScript仿商城实现图片广告轮播实例代码
Feb 06 #Javascript
You might like
PHP Ajax中文乱码问题解决方法
2009/02/27 PHP
PHP中json_encode、json_decode与serialize、unserialize的性能测试分析
2010/06/09 PHP
Apache下禁止php文件被直接访问的解决方案
2013/04/25 PHP
PHP多进程编程总结(推荐)
2016/07/18 PHP
优化 JavaScript 代码的方法小结
2009/07/16 Javascript
javascript下arguments,caller,callee,call,apply示例及理解
2009/12/24 Javascript
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
浅谈javascript六种数据类型以及特殊注意点
2013/12/20 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
2015/04/05 Javascript
浅谈JavaScript中数组的增删改查
2016/06/20 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
CSS3+JavaScript实现翻页幻灯片效果
2017/06/28 Javascript
JS计算两个时间相差分钟数的方法示例
2018/01/10 Javascript
解决vue+webpack打包路径的问题
2018/03/06 Javascript
JavaScript实现简单动态进度条效果
2018/04/06 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
vue组件name的作用小结
2018/05/23 Javascript
Vue 中的受控与非受控组件的实现
2018/12/17 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
Python实现简单的文本相似度分析操作详解
2018/06/16 Python
HearthSong官网:儿童户外玩具、儿童益智玩具
2017/10/16 全球购物
ALDO美国官网:加拿大女鞋品牌
2018/12/28 全球购物
建筑工程专业毕业生自荐信
2013/10/19 职场文书
采购部部门职责
2013/12/15 职场文书
网上商城创业计划书范文
2014/01/31 职场文书
小学课外活动总结
2014/07/09 职场文书
学习群众路线的心得体会
2014/11/05 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
pytorch 6 batch_train 批训练操作
2021/05/28 Python
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python
浅谈Python实现opencv之图片色素的数值运算和逻辑运算
2021/06/23 Python
Spring 使用注解开发
2022/05/20 Java/Android
MySQL使用IF语句及用case语句对条件并结果进行判断 
2022/09/23 MySQL