Function类型(函数)

Function类型

1、函数实际上是对象,函数名是指向函数对象的指针,因此函数名与其他指向该函数的变量没有什么不同。

比如:

        function func (){
            console.log("funtion");
        }
        var func1 = func;
        func1();
        console.log(func === func1);

结果是打印“function”和“true”。即func和func1都指向同一个地址。 

2、每个函数都是Function类型的实例,与其他引用类型一样,具有属性和方法。函数是引用类型。

3、函数作为对象

(1)属性

name属性:该函数的名字

length属性:该函数希望接收的参数个数,即形参的个数。

prototype属性:函数的原型

caller属性:该函数的作用域父级函数。该属性还未作为标准,但火狐谷歌IE等主流浏览器都已经实现。

第一:构造函数的prototype属性所指向的是原型。

第二:实例的__proto__属性指向的是原型。

所以:数组的原型是数组 

        实例的原型
        console.log(arr.__proto__);
        [constructor: ƒ, concat: ƒ, copyWithin: ƒ, fill: ƒ, find: ƒ, …]
        
        构造函数的原型
        console.log(Array.prototype);
        [constructor: ƒ, concat: ƒ, copyWithin: ƒ, fill: ƒ, find: ƒ, …]

所以:对象的原型是对象 

        实例的原型
        console.log({}.__proto__);
        {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}

        构造函数的原型
        console.log(Object.prototype);
        {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}

所以:函数的原型是函数

函数实例的原型
console.log(func.__proto__)
ƒ () { [native code] }

函数构造函数的原型
console.log(Function.prototype);
ƒ () { [native code] }

 特别注意:构造函数有prototype属性指向原型,即函数都是有prototype属性的,所以:函数的prototype属性指向

(2)两个对象

this对象:指向当前调用者。

arguments对象:与实参相关,类数组对象。

(3)三个方法

call、apply、bind方法都是Function.prototype原型对象上的方法,即Function.prototype.call()Function.prototype.apply()   和Function.prototype.bind()方法 。

Function.prototype.toString方法:返回一个表示当前函数源代码的字符串。返回当前函数的函数体。Function对象覆盖了从Object继承来的toString 方法。在Function需要转换为字符串时,通常会自动调用函数的 toString 方法。

所以Function构造函数的每个实例函数都可以直接调用这几个方法。

call方法:改变函数的this指向,即改变函数的执行上下文。接收的第一个参数为对象,后续参数直接传递给函数,诸葛列举出来

apply方法:改变函数的this指向,即改变函数的执行上下文。接收第一个参数为对象,第二个参数为数组。

bind方法:es5方法,接收一个对象,即该函数的执行上下文,不管该函数在哪执行,执行上下文都是传入的对象。bind获得是函数本身,而为直接执行。

4、函数作用域链

当函数访问变量时先在自身作用域内查找,若没有则向外层函数的作用域查找,依此类推,直到找到全局作用域为止。

函数只有执行时,才形成作用域。整个函数执行完毕后,才一级一级的销毁作用域链。

5、this对象

函数中,this[属性],必须查找this对象的属性,有,则使用,没有,就是undefined。

猜你喜欢

转载自blog.csdn.net/zyz00000000/article/details/106559765