浅析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 相关文章推荐
YUI 读码日记之 YAHOO.util.Dom - Part.1
Mar 22 Javascript
基于jquery编写的横向自适应幻灯片切换特效的实例代码
Aug 06 Javascript
非常棒的jQuery图片轮播效果
Apr 17 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
May 12 Javascript
在Docker快速部署Node.js应用的详细步骤
Sep 02 Javascript
jQuery实现简洁的轮播图效果实例
Sep 07 Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
Nov 27 Javascript
jQuery代码实现实时获取时间
Jan 29 Javascript
基于jQuery实现文字打印动态效果
Apr 21 jQuery
Vue按需加载的具体实现
Dec 02 Javascript
Vue项目中添加锁屏功能实现思路
Jun 29 Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
Jul 22 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
绿山咖啡和蓝山咖啡
2021/03/04 新手入门
session在php5.3中的变化 session_is_registered() is deprecated in
2013/11/12 PHP
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
PHP 实现 JSON 数据的编码和解码操作详解
2020/04/22 PHP
php7 新增功能实例总结
2020/05/25 PHP
基于JQuery模仿苹果桌面的Dock效果(初级版)
2012/10/15 Javascript
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
IE8对JS通过属性和数组遍历解析不一样的地方探讨
2013/05/06 Javascript
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
Js制作点击输入框时默认文字消失的效果
2015/09/05 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
2020/08/12 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
2020/09/16 Javascript
python爬虫_自动获取seebug的poc实例
2017/08/05 Python
python爬虫基本知识
2018/03/05 Python
Python递归实现汉诺塔算法示例
2018/03/19 Python
python使用matplotlib库生成随机漫步图
2018/08/27 Python
通过python3实现投票功能代码实例
2019/09/26 Python
python GUI库图形界面开发之PyQt5窗口类QMainWindow详细使用方法
2020/02/26 Python
部署Django到阿里云服务器教程示例
2020/06/03 Python
利用python查看数组中的所有元素是否相同
2021/01/08 Python
vue路由实现登录拦截
2021/03/24 Vue.js
女大学生个人求职信
2013/12/09 职场文书
采购内勤岗位职责
2013/12/10 职场文书
执行力心得体会
2013/12/31 职场文书
小学校本培训方案
2014/06/06 职场文书
电子商务求职信
2014/06/15 职场文书
2015年教务主任工作总结
2015/07/22 职场文书
初中班长竞选稿
2015/11/20 职场文书
2016年小学党支部创先争优活动总结
2016/04/05 职场文书
小学秋季运动会加油口号及加油稿
2019/08/19 职场文书
postgresql 删除重复数据案例详解
2021/08/02 PostgreSQL