热门标签 | 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


推荐阅读
  • Python 内存管理机制详解
    本文深入探讨了Python的内存管理机制,涵盖了垃圾回收、引用计数和内存池机制。通过具体示例和专业解释,帮助读者理解Python如何高效地管理和释放内存资源。 ... [详细]
  • Appium + Java 自动化测试中处理页面空白区域点击问题
    在进行移动应用自动化测试时,有时会遇到某些页面没有返回按钮,只能通过点击空白区域返回的情况。本文将探讨如何在Appium + Java环境中有效解决此类问题,并提供详细的解决方案。 ... [详细]
  • 利用Selenium与ChromeDriver实现豆瓣网页全屏截图
    本文介绍了一种使用Selenium和ChromeDriver结合Python代码,轻松实现对豆瓣网站进行完整页面截图的方法。该方法不仅简单易行,而且解决了新版Selenium不再支持PhantomJS的问题。 ... [详细]
  • 深入解析动态代理模式:23种设计模式之三
    在设计模式中,动态代理模式是应用最为广泛的一种代理模式。它允许我们在运行时动态创建代理对象,并在调用方法时进行增强处理。本文将详细介绍动态代理的实现机制及其应用场景。 ... [详细]
  • 深入理解ExtJS:从入门到精通
    本文详细介绍了ExtJS的功能及其在大型企业前端开发中的应用。通过实例和详细的文件结构解析,帮助初学者快速掌握ExtJS的核心概念,并提供实用技巧和最佳实践。 ... [详细]
  • 本文介绍了数据库体系的基础知识,涵盖关系型数据库(如MySQL)和非关系型数据库(如MongoDB)的基本操作及高级功能。通过三个阶段的学习路径——基础、优化和部署,帮助读者全面掌握数据库的使用和管理。 ... [详细]
  • 12月16日JavaScript变量、函数、流程、循环等***线上九期班
    12月16日JavaScript变量、函数、流程、循环等***线上九期班 ... [详细]
  • 本文探讨了在构建应用程序时,如何对不同类型的数据进行结构化设计。主要分为三类:全局配置、用户个人设置和用户关系链。每种类型的数据都有其独特的用途和应用场景,合理规划这些数据结构有助于提升用户体验和系统的可维护性。 ... [详细]
  • Linux中的yum安装软件
    yum俗称大黄狗作用:解决安装软件包的依赖关系当安装依赖关系的软件包时,会将依赖的软件包一起安装。本地yum:需要yum源,光驱挂载。yum源:(刚开始查看yum源中的内容就是上图 ... [详细]
  • 鼠标悬停出现提示信息怎么做
    概述–提示:指启示,提起注意或给予提醒和解释。在excel中会经常用到给某个格子增加提醒信息,比如金额提示输入数值或最大长度值等等。设置方式也有多种,简单的,仅为单元格插入批注就可 ... [详细]
  • 气象对比分析
    本文探讨了不同地区和时间段的天气模式,通过详细的图表和数据分析,揭示了气候变化的趋势及其对环境和社会的影响。 ... [详细]
  • 探讨 HDU 1536 题目,即 S-Nim 游戏的博弈策略。通过 SG 函数分析游戏胜负的关键,并介绍如何编程实现解决方案。 ... [详细]
  • 通常情况下,修改my.cnf配置文件后需要重启MySQL服务才能使新参数生效。然而,通过特定命令可以在不重启服务的情况下实现配置的即时更新。本文将详细介绍如何在线调整MySQL配置,并验证其有效性。 ... [详细]
  • Python自动化测试入门:Selenium环境搭建
    本文详细介绍如何在Python环境中安装和配置Selenium,包括开发工具PyCharm的安装、Python环境的设置以及Selenium包的安装方法。此外,还提供了编写和运行第一个自动化测试脚本的步骤。 ... [详细]
  • 本文详细介绍如何在 iOS 7 环境下申请苹果开发者账号,涵盖从访问开发者网站到最终激活账号的完整流程。包括选择个人或企业账号类型、付款方式及注意事项等。 ... [详细]
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社区 版权所有