JS Function类型
每个函数都是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类型的更多相关文章
- 【笔记】js Function类型 内部方法callee
运用function实现阶乘 以往的做法是如下的 function factorial(num){ if(num <= 1){ return 1; }else{ return num * fac ...
- JS—Function类型
1.函数的声明方式有三种普通函数的声明方式function box(num1,num2){ return num1+num2;}alert(box(1,2)); 使用变量初始化函数var box = ...
- 【js实例】Array类型的9个数组方法,Date类型的41个日期方法,Function类型
前文提要:[js实例]js中的5种基本数据类型和9种操作符 Array类型的9个数组方法 Array中有9个数组方法: 1.检测数组 2.转换方法 3.栈方法 4.队列方法 5.冲排序方法6.操作方法 ...
- js判断类型方法
在JavaScript中,有5种基本数据类型和1种复杂数据类型,基本数据类型有:Undefined, Null,Boolean, Number和String:复杂数据类型是Object,Object中 ...
- JavaScript高级 Function类型
· Function类型 (属于引用类型) 1.JS中,有的函数均是对象,这个一个非常有特点的地方.它既然是对象,那么它的构造函数是谁呢?就是Function.(例如:function Pers ...
- JavaScript中的Function类型浅析
1. Function类型是js中引用类型之一,每个函数实际上都是Function类型的实例对象,具有自己的属性和方法.正因为函数式对象,所以函数名实际上也是一个指向函数对象的指针. 2. 常用的函数 ...
- JavaScript之Function类型
1. 创建方式 //1.函数声明 function sum(num1,num2){ return num1+num2; } //2.函数表达式 var sum = function(num1,num2 ...
- Javascript高级编程学习笔记(16)—— 引用类型(5) Function类型
JS中许多有趣的地方都和函数脱不了联系 那么是什么让JS中的函数这么有趣呢? 我们一起来看看吧 Function类型 在JS中函数实际上就是对象,每个函数都是Function类型的实例,和JS的其他引 ...
- JS 强制类型转化
在Js中, 强制类型转化分为两种情况: 一种是引用类型转化基本类型, 如数组转化成数字:一种是两种不同基本类型之间的转化,如字符串转化为数字.你不能将基本类型转化成引用类型,比如,不可能把数字转化为数 ...
随机推荐
- k-近邻算法-优化约会网站的配对效果
KNN原理 1. 假设有一个带有标签的样本数据集(训练样本集),其中包含每条数据与所属分类的对应关系. 2. 输入没有标签的新数据后,将新数据的每个特征与样本集中数据对应的特征进行比较. a. 计算新 ...
- 迅速上手:使用taro构建微信小程序基础教程
前言 由于微信小程序在开发上不能安装npm依赖,和开发流程上也饱受诟病:Taro 是由京东·凹凸实验室(aotu.io)倾力打造的 多端开发解决方案,它的api基于react,在本篇文章中主要介绍了使 ...
- linux系统(CentOS7)虚拟机上安装oracle 11g,解决oracle图形界面卡住无法点击next问题
https://www.cnblogs.com/nichoc/p/6416475.html
- [转] 前后端分手大师——MVVM 模式
之前对 MVVM 模式一直只是模模糊糊的认识,正所谓没有实践就没有发言权,通过这两年对 Vue 框架的深入学习和项目实践,终于可以装B了有了拨开云雾见月明的感觉. Model–View–ViewMod ...
- You have new mail in /var/spool/mail/root消除提示的方法
有时在进入系统的时候经常提示You have new mail in /var/spool/mail/root 你觉得烦人---解决方法: 修改系统配置文件/etc/profile,告诉系统不要去检查 ...
- Flink的流处理--KeyBy
逻辑上将一个流分成不相交的分区,每个分区包含相同键的元素.在内部,这是通过散列分区来实现的 object Keyby { def main(args: Array[String]): Unit = { ...
- net core体系-3再次认识net core
1 什么是ASP.NET Core ASP.NET Core 是一个全新的开源.跨平台框架,可以用它来构建基于网络连接的现代云应用程序,比如:Web 应用,IoT(Internet Of Things ...
- 手机端-ajax跨域请求滚屏分页
近期做了一个关于信息展示的详情页面,将里面能够提升用户体验的小点写出来 1.当页面请求新的数据,或上传数据的时候 放一个loading.gif的过渡,告诉用户 你的操作已经完成,正在加载中 2.当所有 ...
- Openstack1 云计算与虚拟化概念
一.云概念 二.虚拟化,云计算不等于虚拟化,但是云计算需要用到虚拟化的技术 1.服务器虚拟化 2.桌面虚拟化 3.应用虚拟化 三.区别 1.虚拟化是具体的技术. 2.云计算是交付使用的一种模式
- byte数据常量池问题
[代码] public class BufferPoolDemo { public static void main(String[] args) { Integer i1=127; Integer ...