文档章节

javascript对象---8 Function函数

奋斗的小芋头
 奋斗的小芋头
发布于 2016/11/27 17:22
字数 720
阅读 18
收藏 1

Function函数:函数对象,任何一个函数的定义,最终都是生成了一个Function对象, Function是自省的(自己调用自己,自己创建自己)。  ----所有函数都是  Function  的实例对象

function Function(){   return 1   }  等价于      var a= new Function ( "return 1");

二.函数对象和函数体的区别

函数对象 是 无序属性 的集合,不用调用函数也会经过预编译,加载到内存中。

函数体是程序块,在调用时,由函数对象执行apply方法进行执行,执行时才会加载到内存中,执行后会弹栈

三。Function函数的原型链:由于是特殊的函数,因此具备:

prototype: 指向Function的prototype对象。

__proto__:指向Function的prototype对象。  //Function 是自省的,由自己创建

由于Function的prototype对象的原型链指向Object的原型对象,因此所有Function也具备Object原型对象的属性和函数。

Function函数的内置属性及函数:

Function的全局属性及函数。

Function的prototype属性及函数

四.Function函数全局属性及函数

1. 函数的全局属性说明: 所有函数对象都具备的属性

length :函数声明时的 参数 数量 ( 形参数量)

name:函数名

prototype:原型对象,每个函数都有原型对象,在使用new 

 

五. Function的prototype函数

函数的prototype扩展函数如下:

1.apply(this.arguments):执行函数体内容。 

----this  : 在函数体中的this指针。 目标函数体执行时this指针

----arguments :传递给函数体的参数、数组 目标函数的实际参数值 [  ,  ]

apply是执行目标函数体的方法,在函数调用时由JS引擎调用

应用场景:如果目标函数执行时需要修改this指针, 通过改变 apply 中传入 this的值 改变函数中this的指向

apply在事件章节中,想要给目标响应函数传递参数时要用

function fun( a,b){
             console.log(a+b);
            }
            
//最简单的调用方式
            fun(20,25);
            
//当做构造函数执行
            new fun(20,25);
            
//通过调用apply函数执行 this为window对象   ---可以通过改变 this传入值·改变函数中this·指向
            fun.apply(this ,[20,25]);  //数组【】里面包含要传递的值,值用逗号分开

2.call( this, paramter1 ,paramter2 ....) : 执行函数体内容。

-this : 在函数体中的 this指针。

--paramter :传递给函数体的参数

    fun.call( this, 20,25)  ----除了传递参数时不加 【】其余同apply相同

结果----45

3. toString() : 返回函数程序字符串。

对象函数同 函数体没有任何关系,在对象函数的底层,封装了当前函数函数体的字符串代码,执行时执行这段字符串代码即可。

alert(  fun.toString() )

结果---function fun( a,b){
             console.log(a+b);
            }

 

© 著作权归作者所有

共有 人打赏支持
奋斗的小芋头
粉丝 1
博文 161
码字总数 129412
作品 0
大连
javascript技术难点(三)之this、new、apply和call详解

原文出处:夏天的森林 讲解this指针的原理是个很复杂的问题,如果我们从javascript里this的实现机制来说明this,很多朋友可能会越来越糊涂,因此本篇打算换一个思路从应用的角度来讲解this指...

夏天的森林
2014/12/10
0
0
《JavaScript权威指南》笔记(二)

第二篇笔记的内容主要涉及:数据类型转换,函数、对象、数组的创建以及null与undefined的比较。 1. javascript中类型转换的方法: (1)数字-->字符串: number+" "; String(number); number...

小微
2012/08/28
0
7
5个典型的JavaScript面试题(上)

本文由伯乐在线 -XfLoops 翻译,黄利民 校稿。未经许可,禁止转载! 英文出处: Aurelio De Rosa。欢迎加入 翻译组。 IT 行业对JavaScript开发者有着很大的需求。如果你具备这种角色所需的知...

伯乐在线
2014/12/04
0
0
细说JavaScript数据类型及转换

细说JavaScript数据类型及转换 JavaScript数据类型 1.Boolean(布尔) 布尔:(值类型)var b1=true;//布尔类型 2.Number(数字) 数值:(值类型)var n1=3.1415926;//数值类型 n1.toFixed...

开元中国2015
2015/07/13
0
0
JavaScript中__proto__与prototype的关系

JavaScript中proto与prototype的关系 这里讨论下对象的内部原型(proto)和构造器的原型(prototype)的关系。 一、所有构造器/函数的proto都指向Function.prototype,它是一个空函数(Empty f...

泡不烂的凉粉
2013/05/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

关于网站恶意注册会员

网站发生恶意注册会员,有图形验证码 ,和短信验证码 但是还是有大量恶意注册: session 和 cookie都是可以随便伪造的。 验证码有打码平台。 短信验证有短信验证平台。 IP限制有虚拟拨号/VP...

妖尾巴
11分钟前
0
0
awk命令用法介绍

10月18日任务 9.6/9.7 awk 9.6/9.7 awk命令 head -n2 test.txt|awk -F ':' '{print $1}' head -n2 test.txt|awk -F ':' '{print $0}' awk -F ':' '{print $1"#"$2"#"$3"#"$4}' awk '/oo/ tes......

zgxlinux
11分钟前
0
0
循环

我今天学会了用for循环找出一个数组中的最大值,代码: var rets = [2,4,5,6,7,9,10,15];function arrayMax(arrs) {var max = arrs[0];for(var i = 1,ilen = arrs.length; i < ilen...

墨冥
17分钟前
0
0
10《Java核心技术》之如何保证集合是线程安全的? ConcurrentHashMap如何实现高效地线程安全?

一、提出问题 之前我们一起讨论过两讲 Java 集合框架的典型容器类,它们绝大部分都不是线程安全的,仅有的线程安全实现,比如 Vector、Stack,在性能方面也远不尽如人意。幸好 Java 语言提供...

飞鱼说编程
21分钟前
0
0
SpringBoot 整合 kafka 实现组订阅模式

SpringBoot 整合 kafka 实现组订阅模式: 工程结构图 消息生产者pom.xml配置 <?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xml......

泉天下
26分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部