文档章节

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
码字总数 129345
作品 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
AAuto v1.0 更新(2011-10-8)

v1.0 版本更新说明 支持自定义生成时的exe文件输出目录 生成exe文件支持在工程属性中自定义版本、版权信息. 工程同步本地目录功能,可自动忽略.svn等隐藏目录 保存按钮将根据当前打开代码是否...

qqmmcc
2011/10/09
1K
2
5个典型的JavaScript面试题(上)

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

伯乐在线
2014/12/04
0
0
三种简单写法教你Javascript对象封装

这里的内容没有太多深入的东西,更多的内容请移步麦子学院。 Javascript在HTML中变得越来越强大, HTML5中的WebGL等。但是我们书写Javascript的时候往往很随意,使用对象的封装是极好的。这里...

yexiaobo1990
2015/07/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

echarts实现中国地图

最近项目中有个需求:在地图上展示各省市的数据分布,像这样: 项目中接入的图表展示工具是echart,查了echart官网,发现并没有中国地图相关的实现,唯一接近的,只有香港18区人口密度。没办...

Funcy1122
23分钟前
0
0
持续集成工具Jenkins结合SVN的安装和使用

持续集成工具Jenkins结合SVN的安装和使用 2018年06月08日 11:30:23 止步前行 阅读数:2932 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zxd1435513775/ar...

linjin200
30分钟前
0
0
ES6 对象的解构赋值

基本用法 1.等号右边如果不是数组,将会报错(不是可遍历结构) 2.解构赋值 var, let, const命令声明均适用 3.set结构也可解构赋值(具有Iterator接口,可采用数组形式结构赋值) set解构:任何...

Jack088
32分钟前
2
0
微信小程序富文本table超出宽度处理

一、微信小程序富文本table超出宽度处理 处理思路: 使用正则删除table中的width属性。 //去除table的宽度content = content.replace(/<table[^>]*>/gi, function (match, capture) { ...

tianma3798
34分钟前
1
0
阿里云全站加速DCDN全面支持WebSocket协议

WebSocket协议可以为网站和应用提供真正的双向通信,具有控制开销、保持连接状态、更强实时性、更好的压缩效果等优点,是当下低延时应用最常采用的一种技术协议。为了更好的满足客户在实时通...

阿里云官方博客
35分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部