美文网首页
(九)Function类型

(九)Function类型

作者: 萘小蒽 | 来源:发表于2019-03-19 15:53 被阅读0次

1. Function类型特性

  • 没有重载,同名覆盖。
function addSomeNumber(num){
  return num +100;
}
function addSomeNumber(num){
  return num +200;
}
var num = addSomeNumber(100);//300
  • 函数声明和函数表达式。
console.log(sum(1,2)); // 3
function sum(a,b){
  return a + b;
}

上面就是所谓的函数提升了,不多说了哈


2. 函数内部属性

在函数内部,有两个特殊的对象,argumentsthis,也规范化了一个属性caller.

  • arguments:它是一个类数组对象,包含函数中所有的参数,还有一个名叫callee的指针属性,该指针属性指向拥有这个arguments对象的函数。通常在递归算法中会用上它。
function factorial(num){
    if(num<=-1){
         return 1;     
    } else{
         return num*factorial(num-1)
      }
  }

以上函数写法没有问题,但函数的执行与函数名factorial 紧紧耦合在了一起,为了消除这种耦合现象,可以如下写法:

function factorial(num){
    if(num<=-1){
         return 1;     
    } else{
         return num*arguments.callee(num-1)
      }
  }
  这样就可以避免函数名字的耦合带来的如下问题:
var trueFactorial = factorial;
factorial = function(){
  return 0
 };
trueFactorial(5);  // 120  
factorial(5);   // 0

上面的情况如果没有用到arguments.callee(),就不能完成递归调用。
还有匿名函数的自调用。


  • this引用的是函数据以执行的环境对象,在全局作用域中它指向的是window对象。
window.color = "red";
function sayColor(){
   console.log(this.color)
};
var o  = { color:" blue " };

sayColor()   //red
o.sayColor = sayColor;
o.sayColor()   // blue
  • caller:这个属性中保存着调用当前函数的函数的引用。如果在全局中调用的当前函数,那么caller的值为null。
function outer(){
  inner();
}
function inner(){
 console.log(inner.caller)  //arguments.callee.caller也是可以的。
}
outer();
//ƒ outer(){....}

3. 函数属性和方法

函数既然是对象,那么函数也有属性和方法。
每个函数都包含两个属性:lengthprototype.

  • length:属性表示函数希望接收的命名参数的个数。
function sayName (name){
  console.log(name);
}
function sum (num1,num2){
  return num1 + num2;
}
function sayHi (){
  console.log("hi");
}
console.log(sayName.length)  // 1
console.log(sum.length)    // 2
console.log(sayHi.length)  // 0

  • prototype:javaScript中的所有引用类型,prototype是保存它们所有实例方法的真正所在。诸如toString() valueOf()等方法实际上都保存在prototype名下,它的详细介绍请《理解原型对象》

每个函数都包含两个非继承而来的方法,apply()call(),它们能够在特定的作用域中调用函数,也就是设置函数内部this的指向。

  • apply()
function sum (num1,num2){
    return num1 + num2;
}
function callSum1(num1,num2){
   sum.apply(this , arguments)
}
function callSum2(num1,num2){
   sum.apply(this ,[num1 , num2])
}
console.log(callSum1(10,10))   // 20
console.log(callSum2(10,10))   // 20

上面的apply()方法接收两个参数,一个是在其运行环境中的作用域,另一个是参数数组,数组可以是arguments,也可以是Array的实例。

  • call()
function sum (num1,num2){
    return num1 + num2;
}
function callSum2(num1,num2){
   sum.call(this , num1 , num2)
}
console.log(callSum1(10,10))   // 20

call()方法和apply()方法的作用相同,他们的区别仅在于接收的参数不同。
而它们真正的用武之地是能够扩充函数赖以运行的作用域。

window.color = "red";
var o  = {color:"blue"}
function sayColor(){
   console.log(this.color)
}
sayColor() //red
sayColor.call(this)        //red
sayColor.call(window)     //red
sayColor.call(o)         //blue

扩展

我们还可以调用Object的toString方法来判断任何类型

Object.prototype.toString.call()
Object.prototype.toString.call("你好呀") 
//"[object String]"
Object.prototype.toString.call(null)
//"[object Null]"
Object.prototype.toString.call([])
//"[object Array]"
Object.prototype.toString.call(NaN)
//"[object Number]"
Object.prototype.toString.call(false)
//"[object Boolean]"

相关文章

  • (九)Function类型

    1. Function类型特性 没有重载,同名覆盖。 函数声明和函数表达式。 上面就是所谓的函数提升了,不多说了哈...

  • Function 类型

    定义函数的方式: 函数内部属性 arguments 它是一个类数组对象,包含着传入函数中的所有参数。 虽然 arg...

  • Function类型

    函数声明与函数表达式 声明提前 函数表达式的name无法在函数外使用 name只是地址引用,函数本体在内存堆中 引...

  • Function类型

    作为值的函数 把函数本身作为参数传递 函数的返回值作为参数传递 以我小白的眼光来看,此处容易混淆,值得反复思量。 ...

  • Function类型

    函数实际上是对象。函数名是指向函数的指针。使用不带圆括号的函数名是访问函数指针,而非调用函数。 函数定义 函数声明...

  • Function类型

    一、概念 Function(函数)类型实际上是对象。每个函数都是 Function 类型的 实例,而且都与其他引用...

  • Function 类型

    Function 类型 函数实际上是对象。每个函数都是 Function 类型的实例,而且都与其他引用类型一样具有...

  • Function类型

    函数名仅仅是指向函数的指针,函数名与包含对象指针的其他变量没有什么不同。换句话说,一个函数可能会有多个名字,如下面...

  • Function类型

    1.函数实际上是对象。 2.每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。 3....

  • Swift 学习笔记 - 函数与闭包

    函数 使用函数类型 (Using Function Types) 函数类型作为参数类型 (Function Typ...

网友评论

      本文标题:(九)Function类型

      本文链接:https://www.haomeiwen.com/subject/lfcgmqtx.html