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())