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指向,即改变函数的执行上下文。接收的第一个参数为对象,后续参数直接传递给函数,诸葛列举出来。后续参数作为arguments内容!

apply方法:改变函数的this指向,即改变函数的执行上下文。接收第一个参数为对象,第二个参数为数组。apply其实是对call的一个封装,apply性能会比call更差。第二个参数的数组中的内容,作为函数的arguments!

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

function.bind(thisArg[, arg1[, arg2[, ...]]])

 后续参数作为arguments的一部分。因为改变this指向的函数,在执行的时候,还可以接收参数,这些参数作为arguments的另外一部分

var obj = {
  name: "obj",
  age : 24,
  sayName: function(){
    console.log(arguments);
    console.log(this.name);
  }
}
var obj1 = {
  name: "obj1"
}
obj.sayName.bind(obj1, 1,2,3)(4,5)

 结果 :

Arguments(5) [1, 2, 3, 4, 5, callee: ƒ, Symbol(Symbol.iterator): ƒ]
obj1

4、函数作用域链

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

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

5、this对象

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

6、函数的toString方法

将函数体直接转为字符串

function a(){
    console.log(1)
}
console.log(typeof a.toString()+"\n", a.toString())

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值