javascript原型和闭包之---Function（六）

最新推荐文章于 2023-06-30 20:21:23 发布

diligentkong

最新推荐文章于 2023-06-30 20:21:23 发布

阅读量452

点赞数

分类专栏： JS基础知识整理文章标签： Function 原型 arguments this

本文链接：https://blog.csdn.net/diligentkong/article/details/76212185

版权

JS基础知识整理专栏收录该内容

22 篇文章 1 订阅

订阅专栏

还记得声明函数的几种方法吗？

直接声明函数

function funcName(/*参数列表*/){
    //函数体
}

函数表达式
```
var funcName = function(){

};
```
Function 类型 new Function

var func = new Function();

Function可作为构造函数可以用来新建函数对象

Function构造函数的语法：

一个参数都不传的情况创建的就是一个空的函数
var 函数名 = new Function()
只传一个参数的情况这个参数就是函数体
var 函数名 = new Function(“函数体”)
传多个参数的情况，最后一个参数为函数体，前面的参数都是该函数的形参名
//举个栗子

 创建一个计算两个数的和的函数
  var sum = new Function("a", "b", "return a + b;");
  console.log(sum(1, 2));

作为值的函数

因为ECMAScript中的函数名本身就是变量，所以函数也可以作为值来使用。也就是说，不仅可以像传递参数一样把一个函数传递给另一个函数，而且可以将一个函数作为另一个函数的结果返回。（return 一个函数，闭包用的尤其多，后续解释闭包重点说吧）

function fun(){
            var num = 123;
            return function(a){                              
                    num = a;                               
                    return num;               
            };
    }

函数内部属性

在函数内部，有两个特殊的对象：arguments和this。

arguments是一个类数组对象，包含着传入函数中的所有参数。虽然arguments的主要用途是保存函数参数，但这个对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。

function test(a,b){
        console.log(a,b);
        console.log(arguments);
    }
    test();

这里写图片描述
     (1).一个函数有形参的时候，调用的时候，可以不传参数
     (2).一个函数没有形参的时候，调用时后，可以传参 arguments对象
     (3).一个函数不管有没有形参，调用的时候都会把实参的值存入arguments对象
在函数内进行去重操作，然后返回去重后的数组

  var dist = new Function(`
            var arr = [];
            for (var i = 0; i < arguments.length; i++) {
                if(arr.indexOf(arguments[i])==-1){
                    arr.push(arguments[i]);
                }
            }
            return arr;
        `);


        console.log(dist(3, 6, 9, 3, 2, 6));

this对象引用的是函数执行的环境对象——或者也可以说是this值（当在网页的全局作用域中调用函数时，this对象引用的就是window）。

window.name = "Window";
     var o = {
        name:"kong"
     };

     function  sayName(){
        console.log(this.name);
     }
     o.sayName=sayName;
     o.sayName();//kong

Function的原型

还记得我们前面说的构造函数吗？构造函数在实例化对象的时候要用new关键字。
当我们用Function声明函数的时候，用的也是new操作符。

var 函数名 = new Function()；

也就是说**函数实际上也是对象，每个函数都是Function类型的实例。
Function这个构造函数也有原型对象，Function.prototype**
这里写图片描述
通过在控制台的输出可以发现：Function的原型对象是一个空函数。

Function的原型对象的原型对象是Object
这句话再解释一遍：原型对象也是对象，每个对象都有一个__proto__属性，可以访问原型对象
Function 的原型对象是：Function.prototype
对象通过__proto__属性访问原型对象也就是 Function.prototype.__proto__