热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

深入解析JavaScript中的引用类型:Function类型详解

定义Function类型:1functionsum(num1,num2){returnnum1+num2;}2varsumfunction(num1,num2){returnn

 定义Function类型:

  1 function sum(num1,num2){

  return num1+num2; 

}

  2 var sum = function(num1,num2){

  return num1+num2;

};

  3 构造函数(不推荐)

  var sum = new Function("num1","num2","return
num1+num2;");

  4 函数名仅仅指向函数的指针

  function sum(num1,num2){

  return num1+num2;

}

  alert(sum(10,20));//30

  var anotherSum = sum;

  alert(anotherSum(10,20));//30

  sum = null;

  alert(anotherSum(10,20));//30


 1 没有重载

 1 将函数想象为指针,有助于理解为什么ECMAScript中为什么没有函数重载的概念

  function addSomeNumber(num){return num+100;}

  function addSomeNumber(num){return num+200;}

   addSomeNumber(100);//300 覆盖前面的函数

 


 2函数声明与函数表达式

   1 function add(num){return
num+2;}
   

  函数声明:function add(num)

  表达式:return num+2 

  解析器会率先读取函数声明,并在任何代码之前可用。

  alert(add(3));

  function add(){}

       2 需要注意

      alert(add(2));

    var add = function(num){return num+2;};

    会报错,因为add位于一个初始化语句中


 3 作为值的函数

   1 函数本身就是变量,所以函数也可以作为值来使用

  function add(num){

  return anotherAdd(3)+num;

}

function anotherAdd(num){return num;}

    


 4 函数内部属性

   在函数内部,有两个特殊的对象:arguments和this

  arguments :类数组对象,包含着传入函数的所有参数。

  对比callee属性,callee属性是一个指针,指向用这个这个arguments对象的函数

  以阶乘函数为例子

  function factorial(num){

    if(num<=1){

      return 1;

    }else{

      return num*(factorial(num-1));

      }

   }

  定义阶乘函数一般都要用到递归算法,如上面的代码

  如果函数名以后不会变的情况下,上面的定义没有问题,但是问题是函数的执行与函数名factorial紧紧地耦合在一起

  为了消除这种耦合的现象,可以使用arguments,callee

  function factorial(num){

    if(num<=1){

    return 1;

    }else{

    return num*arguments.callee(num-1);

    }

  }

  这样写的好处是,无论引用时是用什么名字,都可以正常完成递归调用

  this:this引用的是函数据以执行的环境对象,在网页全局作用域中使用函数时,this对象引用的就是window

    var color = "red";

    var o ={color:"blue"};

    function sayColor(){

    return this.color;

    }

    sayColor();//red

    o.sayColor = sayColor;

    o.sayColor();//blue

    在o内,this指向的是内部的color

    caller函数属性(opera早期版本不支持),这个属性保存着当前函数的函数引用

    function outer(){inner();}

    function inner(){alert(inner.caller);}

    outer();


 5 函数属性和方法

  函数第对象,每个函数都包含2个属性length,prototype.

    length属性表示很熟希望接受的命名参数的个数。

      function sayNum(name){}

      function sayHi(name,age){}

      function sum(name,age,sex){}

      sayName.length//1

      sayHi.length;//2

      sum.length;//3

    prototype属性保存它们所有实例方法的真正所在。换句话说就是toString()
valueOf()等方法的实现都保存在prototype下。prototype属性不可枚举,使用for-in无法发现

    每个函数都包含2个非继承而来的方法:apply() call()

    apply()方法接受2个参数:1个是在其中运行的函数的作用域,另一个是参数数组。apply(作用域,数组)

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

    function callSum1(num1,num2){return
sum.apply(this,arguments)}//将callSum1的参数传入sum

    function callSum2(num1,num2){return
sum.apply(this,[num1,mum2]}

    callSum1(10,10);//20

    callSum2(10,10);//20

    

    call() 接受参数的方式和apply()不同,但是传递的参数的项目必须列出来

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

    function callSum(num1,num2){

      return sum.call(this,num1,num2);

}

  call() 和apply()最强大的地方在于能够扩充函数赖以运行的作用域

  window.color = "red";

  var o ={color:"blue"};

  function sayColor(){

  return this.color;

  }

  sayColor();

  sayColor.call(this);//red

  sayColor.call(window);//red

  sayColor.call(o);//blue

  bind()也可以绑定函数的值ie9+ firefox4+ safari5.1+ opera12+
chrome

 

  

(11)Javascript 引用类型 Function类型,布布扣,bubuko.com


推荐阅读
  • 深入理解OAuth认证机制
    本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准,旨在为第三方应用提供安全的用户资源访问授权,同时确保用户的账户信息(如用户名和密码)不会暴露给第三方。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • Vue 2 中解决页面刷新和按钮跳转导致导航栏样式失效的问题
    本文介绍了如何通过配置路由的 meta 字段,确保 Vue 2 项目中的导航栏在页面刷新或内部按钮跳转时,始终保持正确的 active 样式。具体实现方法包括设置路由的 meta 属性,并在 HTML 模板中动态绑定类名。 ... [详细]
  • 本文探讨了如何通过最小生成树(MST)来计算严格次小生成树。在处理过程中,需特别注意所有边权重相等的情况,以避免错误。我们首先构建最小生成树,然后枚举每条非树边,检查其是否能形成更优的次小生成树。 ... [详细]
  • 2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商,ARM在嵌入式处理器市场占据主导地位,其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家,共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • MySQL中枚举类型的所有可能值获取方法
    本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 本文介绍如何在应用程序中使用文本输入框创建密码输入框,并通过设置掩码来隐藏用户输入的内容。我们将详细解释代码实现,并提供专业的补充说明。 ... [详细]
  • 本文介绍如何通过SQL查询从JDE(JD Edwards)系统中提取所有字典数据,涵盖关键表的关联和字段选择。具体包括F0004和F0005系列表的数据提取方法。 ... [详细]
author-avatar
此人已死689
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有