浅析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 相关文章推荐
js 数组的for循环到底应该怎么写?
May 31 Javascript
jquery(live)中File input的change方法只起一次作用的解决办法
Oct 21 Javascript
基于jquery ajax 用户无刷新登录方法详解
Apr 28 Javascript
js特效,页面下雪的小例子
Jun 17 Javascript
JS的document.all函数使用示例
Dec 30 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
Sep 15 Javascript
Vue.js中用v-bind绑定class的注意事项
Dec 13 Javascript
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
jquery.pagination.js分页使用教程
Oct 23 jQuery
Vue 3.0双向绑定原理的实现方法
Oct 23 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
Jul 26 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 Vue.js
详解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 编写的日历
2006/10/09 PHP
Laravel框架学习笔记(一)环境搭建
2014/10/15 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
CI框架文件上传类及图像处理类用法分析
2016/05/18 PHP
php实现姓名根据首字母排序的类与方法(实例代码)
2018/05/16 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
才发现的超链接js导致网页中GIF动画停止的解决方法
2007/11/02 Javascript
select组合框option的捕捉实例代码
2008/09/30 Javascript
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
Javascript new关键字的玄机 以及其它
2010/08/25 Javascript
使用JavaScript动态设置样式实现代码(2)
2013/01/25 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
jquery 中ajax执行的优先级
2015/06/22 Javascript
详解ES6中的let命令
2020/04/05 Javascript
bootstrap实现动态进度条效果
2017/03/08 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
vue和小程序项目中使用iconfont的方法
2020/05/19 Javascript
[08:47]2018国际邀请赛 OG战队举杯时刻
2018/08/29 DOTA
Python判断操作系统类型代码分享
2014/11/22 Python
提升Python程序运行效率的6个方法
2015/03/31 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
python实现各进制转换的总结大全
2017/06/18 Python
wxPython实现窗口用图片做背景
2018/04/25 Python
python SVD压缩图像的实现代码
2019/11/05 Python
基于Python实现ComicReaper漫画自动爬取脚本过程解析
2019/11/11 Python
python sklearn包——混淆矩阵、分类报告等自动生成方式
2020/02/28 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
菲律宾最大的网上花店和礼品店:PhilFlower.com
2018/02/09 全球购物
英国简约舒适女装品牌:Great Plains
2018/07/27 全球购物
家长会演讲稿
2014/04/26 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
小学教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
优秀教师推荐材料
2014/12/16 职场文书
win7配置本地ftp服务器的图文教程
2022/08/05 Servers