JS原生引用类型解析3-Function类型

(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)

1. 简介

在 JavaScript 中, 每个函数实际上都是一个Function对象。

2. 函数创建

函数创建有三种方法:

2.1 函数声明

function sum (num1, num2) {
    return num1 + num2;
}

2.2 函数赋值

var sum = function (num1, num2) {
    return num1 + num2;
}

2.3 构造函数

var sum = new Function("num1", "num2", "return num1 + num2");

从技术角度上讲,这是一个函数表达式,只不过函数创建的时候使用了构造函数。不推荐使用这种方法定义函数,因为这种语法会导致解析两次代码(第一次是解析常规ECMAScript代码,第二次是将诶西传入构造函数中的字符串。),从而影响性能。

3. Function构造函数的属性与方法

我们用Object.getOwnPropertyNames()方法获取Function构造函数的所有属性与方法。

Object.getOwnPropertyNames(Function);
// (3) ["length", "name", "prototype"]

发现只有3个属性。

Function.length 长度为1

Function.name 名称为"Array"

Function.prototype 指向Function构造函数的原型,可以为所有 Function 类型的对象添加属性。

4. Function原型对象的属性与方法

我们用Object.getOwnPropertyNames()方法获取Function原型对象的所有属性与方法。

Object.getOwnPropertyNames(Function.prototype);
// (9) ["length", "name", "arguments", "caller", "constructor", "apply", "bind", "call", "toString"]

发现一共有9个属性和方法。

4.1 Function原型对象的属性

Function.prototype.arguments 已废弃。现在推荐的做法是使用函数内部可用的 arguments对象来访问函数的实参。

Function.prototype.caller 非标准。该属性的常用形式 arguments.callee.caller 替代了被废弃的 arguments.caller。

Function.prototype.length 指该函数有多少个必须要传入的参数,即形参的个数。与之对比的是, arguments.length 是函数被调用时实际传参的个数。

function fn(m, n){
    console.log(arguments.length);  // 1
}
fn(1);
console.log(fn.length);  // 2

Function.name 获取函数的名称。

Function.prototype.constructor 指向构造函数Object。

4.2 Function原型对象的方法

Function.prototype.apply() 在一个对象的上下文中应用另一个对象的方法;参数能够以数组形式传入。

Function.prototype.call() 在一个对象的上下文中应用另一个对象的方法;参数能够以列表形式传入。

Function.prototype.apply() bind()方法会创建一个新函数,称为绑定函数。当调用这个绑定函数时,绑定函数会以创建它时传入 bind()方法的第一个参数作为 this,传入 bind()方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数.

Function.prototype.toString() 返回一个表示当前函数源代码的字符串。遮蔽了原型链上的同名方法 Object.prototype.toString。

5. Function实例对象的属性和方法

我们用Object.getOwnPropertyNames()方法获取Function实例对象的所有属性与方法。

var fn = function(m, n){
    return m + n;
}
Object.getOwnPropertyNames(fn);
// (5) ["length", "name", "arguments", "caller", "prototype"]

发现一共有5个属性, 除了prototype属性以外与函数原型中的同名属性作用相同, 并遮蔽了函数原型中的同名属性。另外需要注意的是prototype属性指向该函数的原型对象。

console.log(fn.prototype);  // {constructor: ƒ}

参考

MDN_Function BOOK-《JavaScript高级程序设计(第3版)》第5章

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏python3

python 迭代器

一类是generator,包括生成器和带yield的generator function。

931
来自专栏前端说吧

ES6 - class的学习

1274
来自专栏GreenLeaves

JavaScript之面向对象学习三原型语法升级

1、到目前为止,我们是时候分析下前面的使用原型语法来定义对象有哪些不足的地方,代码如下: function Person(){ } Pe...

1799
来自专栏柠檬先生

es6 class

1.Es6引入了Class 类这个概念,作为对象的模板,通过class 关键字,可以定义类。 2.类和模块的内部,默认就是严格模式,所以不需要使用use str...

17310
来自专栏一“技”之长

Swift讲解专题七——函数 原

        函数是有特定功能的代码段,函数会有一个特定的名称调用时来使用。Swift提供了十分灵活的方式来创建与调用函数。事实上在Swift,每个函数都是一...

753
来自专栏JetpropelledSnake

Python面试题之Python中的类和实例

类,在学习面向对象我们可以把类当成一种规范,这个思想就我个人的体会,感觉很重要,除了封装的功能外,类作为一种规范,我们自己可以定制的规范,从这个角度来看,在以后...

1192
来自专栏菩提树下的杨过

ruby学习笔记(2)--类的基本使用

ruby语言跟c#的一些重要差别在于: 1.ruby是动态语言,c#是静态语言--即对象在new出来以后,ruby还可以动态给对象实例添加一些属性或方法(jav...

1896
来自专栏python学习之旅

Python笔记(十六):迭代器

    iterable对象(可迭代的对象):可以使用for循环,例如:字符串、列表 、字典 、集合等

802
来自专栏待你如初见

Day07

有了继承以后,我们定义一个类的时候,可以在一个已经存在的类的基础上,还可以定义自己的新成员

991
来自专栏小二的折腾日记

day5(面向对象2)

592

扫码关注云+社区

领取腾讯云代金券