文档章节

javascript对象---8 Function函数

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

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
IE与Firefox的几个javascript兼容问题及解决

项目中遇到的问题 javascript动态创建页面元素 代码: var hName=document.createElement("<input type='hidden' name='midNames'>"); ie下能正常执行,Firefox下执行不了 解决办法: var h ...

Leonard207
2013/03/13
0
0
谈谈javascript语法里一些难点问题(二)

原文出处:夏天的森林 3) 作用域链相关的问题 作用域链是javascript语言里非常红的概念,很多学习和使用javascript语言的程序员都知道作用域链是理解javascript里很重要的一些概念的关键,这...

夏天的森林
2014/12/10
0
0
三种简单写法教你Javascript对象封装

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

yexiaobo1990
2015/07/23
0
0
js(javascript)中__proto__和prototype解析

proto是内部原型,prototype是构造器原型(构造器其实就是函数) 构造器的原型是一个对象 一、所有构造器/函数的proto都指向Function.prototype,它是一个空函数(Empty function) 说明了这...

stone_
2014/01/16
0
0
深入详解javascript之delete操作符

最近重新温习JS,对delete操作符一直处于一知半解的状态,偶然发现一篇文章,对此作了非常细致深入的解释,看完有茅塞顿开的感觉,不敢独享,大致翻译如下。 原文地址:http://perfectionki...

lizuochao
2011/07/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

设计神器 - 摹客设计系统上线了 | 晒出你的设计规范,赢iPad Pro!

在国内,设计规范也许还是个不太常用的概念,但是如果你正好有参与互联网公司的产品设计,你应该早就已经体会到设计规范的重要性了。UI设计师总是要花费大量的时间和精力向开发描述一大堆设计...

mo311
12分钟前
0
0
Thymeleaf 使用过程中的一些记录

Thymeleaf格式化时间: th:value="${#dates.format(gw.regDT,'yyyy-MM-ddHH:mm:ss')}" Thymeleaf select反选: <select id="status" name="status" th:field="${gw.status}" th:value="${gw.......

惊尘大人
15分钟前
0
0
istio源码分析之pilot-discovery模块分析

本文分析的istio代码版本为0.8.0,commit为0cd8d67,commit时间为2018年6月18日。 本文为Service Mesh深度学习系列之一: Service Mesh深度学习系列part1—istio源码分析之pilot-agent模块分...

xiaomin0322
20分钟前
0
0
数据库基本操作:增删改查及联表操作

所用软件:SQL Server Management Studio 首先第一步,建立一个表。在这里命名为T1。并在里面填入几条数据。如图: T1 一.查询 查询所有:select * from T1; 按条件查询:select * from T1 ...

小_橙_子
24分钟前
0
0
Crontab作业时间设置

今天,遇到这么一个题目,周一到周五的9:00-16:59之间,每隔两分钟将某个命令运行一次。给的答案是: */2 9-16 * * 1-5 /usr/sbin/somecommand dosomething 乍一看,这个答案不对,应...

大别阿郎
29分钟前
0
0
ES17-JAVA API文档管理

1.保存文档 可以通过json工具把java对象转换成json字符串进行保存,也可以通过内置的帮助类直接构建json格式 /** * 获取客户端 * * @return */public static TransportClie...

贾峰uk
30分钟前
0
0
Python代码规范和命名规范

前言 Python 学习之旅,先来看看 Python 的代码规范,让自己先有个意识,而且在往后的学习中慢慢养成习惯 一、简明概述 1、编码 如无特殊情况, 文件一律使用 UTF-8 编码 如无特殊情况, 文件头...

blackfoxya
32分钟前
0
0
联动滑动之一:NestScrollChild和NestedScrollingParent

NestScrollChild和NestedScrollingParent 吐槽一下开源中国竟然标题字数有限制 由于项目中使用了CoordinateLayout来解决联动以及实现炫酷的UI效果,那么必须就要研究一波源码了,毕竟知其然知...

JerryLin123
50分钟前
1
0
cloudera spark2.2 读写hbase

cloudera spark2.2 读写hbase 例子 host = 'bigdata-03,bigdata-05,bigdata-04'conf = { "hbase.zookeeper.quorum": host, "hbase.mapreduce.inputtable": "student1"}k......

osenlin
54分钟前
0
0
数据库规范化

转载自 一个小时学会MySQL数据库 地址:http://www.cnblogs.com/best/p/6517755.html 截取其中 1.4 部分 用于自己学习使用 感谢作者:张果 1.4、数据库规范化 经过一系列的步骤,我们现在终于...

十万猛虎下画山
55分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部