每个函数都是Function类型的实例,由于函数是对象,函数名实际上是一个指向函数对象的指针,不会与某个函数绑定。

1.函数的声明:

(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"); // 可以接收任意数量参数,最后一个参数被看成函数体

    //  不推荐使用,因为解析了两次代码,首先要解析ECMAScript代码,然后解析传入的字符串

2.函数没有重载

  因为函数名是指针,声明同名函数只是改变了指针的指向

3.函数声明与函数表达式

  函数声明会发生变量提升,而函数表达式不会,一定得等js解析到函数所在语句才有效

4.函数内部属性

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

  (1)arguments是一个类数组对象,包含着传入函数的所有参数,主要用途是保存函数参数

    arguments对象还有一个属性,callee 指针,指向拥有这个arguments对象的函数

    callee 可以用在递归中,消除函数名与函数执行紧紧耦合的现象

    比如常见递归  

    function factorial(num) {

      if(num <= 1) {

        return 1;

      } else {

        return num*factorial(num-1);

      }

    }

    可以把上述return 语句写为 return num*arguments.callee(num-1)

    当函数被赋给其他变量,即有另一个指针也指向函数,此时改写原函数,对另一个指针调用不会产生影响。

  (2)this 引用的是函数执行的环境对象,(当在网页的全局作用域调用时this对象引用的就是window)

5.函数属性和方法

  每个函数有两个属性length 和 prototype

  lengh表示函数希望接收的命名参数的个数

  方法: 设置函数体内this对象的值

  (1)apply() 接收两个参数,一个是在其中运行函数的作用域,一个是参数数组,可以是Array实例,也可以是arguments对象

  在严格模式下,若没有指定环境对象而调用函数,this值不会转型为window,除非明确使用apply或call方法,否则this将为undefined

  (2)call()方法与apply()作用相同,他们的区别在于接收参数不同,call接收其余所有参数,传递的参数必须逐个列举出来

  call 和 apply 最大的作用其实是扩充函数赖以运行的作用域

  如下例子:

    window.color = 'red';

    var o = {color : 'blue'};

    function sayColor() {

      alert(this.color);

    }

    sayColor();   // red

    sayColor.call(this);  // red

    sayColor.call(window); //red

    sayColor.call(o);  // blue 

    此处sayColor()是定义在全局中的函数,自身运行输出red很正常,

    然后通过call 绑定到this,window 都是一样的

    最后绑定到 o 对象上 为blue 也好理解

    相比于把函数加入到o对象中 o.sayColor  =  sayColor

   这种方法解除了 方法与对象的联系(耦合)

  (3)ECMAScript5  还定义了一个bind()方法,会创建一个函数的实例,其this值会被绑定到传给bind()函数的值

    window.color = 'red';

    var o = {color: "blue"};

    function sayColor () {

      alert(this.color)

    }

    var objectSayColor = sayColor.bind(o);

    objectSayColor();  //blue

    this值被绑定到o对象上,然后通过sayColor创建的实例赋给objectSayColor,所以objectSayColor 函数的this值也为o

JS Function类型的更多相关文章

  1. 【笔记】js Function类型 内部方法callee

    运用function实现阶乘 以往的做法是如下的 function factorial(num){ if(num <= 1){ return 1; }else{ return num * fac ...

  2. JS—Function类型

    1.函数的声明方式有三种普通函数的声明方式function box(num1,num2){ return num1+num2;}alert(box(1,2)); 使用变量初始化函数var box = ...

  3. 【js实例】Array类型的9个数组方法,Date类型的41个日期方法,Function类型

    前文提要:[js实例]js中的5种基本数据类型和9种操作符 Array类型的9个数组方法 Array中有9个数组方法: 1.检测数组 2.转换方法 3.栈方法 4.队列方法 5.冲排序方法6.操作方法 ...

  4. js判断类型方法

    在JavaScript中,有5种基本数据类型和1种复杂数据类型,基本数据类型有:Undefined, Null,Boolean, Number和String:复杂数据类型是Object,Object中 ...

  5. JavaScript高级 Function类型

    ·    Function类型 (属于引用类型) 1.JS中,有的函数均是对象,这个一个非常有特点的地方.它既然是对象,那么它的构造函数是谁呢?就是Function.(例如:function Pers ...

  6. JavaScript中的Function类型浅析

    1. Function类型是js中引用类型之一,每个函数实际上都是Function类型的实例对象,具有自己的属性和方法.正因为函数式对象,所以函数名实际上也是一个指向函数对象的指针. 2. 常用的函数 ...

  7. JavaScript之Function类型

    1. 创建方式 //1.函数声明 function sum(num1,num2){ return num1+num2; } //2.函数表达式 var sum = function(num1,num2 ...

  8. Javascript高级编程学习笔记(16)—— 引用类型(5) Function类型

    JS中许多有趣的地方都和函数脱不了联系 那么是什么让JS中的函数这么有趣呢? 我们一起来看看吧 Function类型 在JS中函数实际上就是对象,每个函数都是Function类型的实例,和JS的其他引 ...

  9. JS 强制类型转化

    在Js中, 强制类型转化分为两种情况: 一种是引用类型转化基本类型, 如数组转化成数字:一种是两种不同基本类型之间的转化,如字符串转化为数字.你不能将基本类型转化成引用类型,比如,不可能把数字转化为数 ...

随机推荐

  1. 从零开始学C#——不再更新,直接进入高阶教程

    从零开始学习C#不再更新,直接进入高阶教程. 入门教程,请自行谷歌.百度吧,有很多这样的教程. 编程是一件实践性很强的事情,那么接下来的文章将开始进行开发项目. 还在编程中迷茫的人们,先暂时放下一切的 ...

  2. Win10任务栏通知区域上已卸载程序无效图标选项如何清除?

    在Win10系统中,大部分用户都已经知道在“选择在任务栏上显示哪些图标”来让一些软年图标显示,一些隐藏,不过使用Win10系统久了之后发现,在设置通知区域图标中有很多已经卸载程序的无效选项!这让设置时 ...

  3. golang 中操作nsq队列数据库

    首先先在本地将服务跑起来,我用的是docker-compose ,一句话6666 先新建一个docker-compose.yml version: '2' services: nsqlookupd: ...

  4. [转] Node.js中package.json中库的版本号详解(^和~区别)

    当我们查看package.json中已安装的库的时候,会发现他们的版本号之前都会加一个符号,有的是插入符号(^),有的是波浪符号(~).那么他们到底有什么区别呢?先贴一个例子,对照例子来做解释: bl ...

  5. delphi TreeView 从数据库添加节点的四种方法

    方法一:delphi中递归算法构建treeView 过程:通过读取数据库中table1的数据,来构建一颗树.table1有两个字段:ID,preID,即当前结点标志和父结点标志.所以整个树的表示为父母 ...

  6. 求自然数幂和 B - The Sum of the k-th Powers CodeForces - 622F

    题解: 很多方法 斯特林数推导略麻烦但是不依赖于模数 代码: 拉格朗日插值 由于可以证明这是个K+1次多项式于是可以直接用插值 #include <bits/stdc++.h> using ...

  7. bzoj4059

    题解: 还是一道不错的题目 首先它要求每个区间都满足要求,所以我们很容易想到将它映射到二维平面上 然后我们算出每个数的前驱以及后继li,ri 那么第一维是li-i,第二维是i-ri的区间就是合法的,同 ...

  8. VMware安装操作系统提示 " Intel VT-x 处于禁用状态"解决方法

    VMWARE WORKSTATION 在安装64为操作系统(kali)报错,报错内容为:“已将该虚拟机配置为使用 64 位客户机操作系统.但是,无法执行 64 位操作. 此主机支持 Intel VT- ...

  9. Python 多进程multiprocessing

    一.python多线程其实在底层来说只是单线程,因此python多线程也称为假线程,之所以用多线程的意义是因为线程不停的切换这样比串行还是要快很多.python多线程中只要涉及到io或者sleep就会 ...

  10. Codeforces 781E Andryusha and Nervous Barriers 线段树 单调栈

    原文链接https://www.cnblogs.com/zhouzhendong/p/CF781E.html 题目传送门 - CF781E 题意 有一个矩形,宽为 w ,高为 h .一开始会有 w 个 ...