美文网首页
JavaScript — Function

JavaScript — Function

作者: 阳光小羊羊的草场 | 来源:发表于2018-06-22 15:10 被阅读0次

函数定义方式

  1.  function sum (num1, num2) {
         return num1 + num2;
     }
    
  2. var sum1 = function (num1, num2) {
        return num1 + num2;
    };
    
  3. var sum = new Function("num1", "num2", "return num1 + num2;"); //不推荐
    
    这种语法会导致解析两次代码,第一次是解析常规 ECMAScript 代码,第二次是解析传入构造函数中的字符串,从而影响性能。

函数声明与函数表达式

函数声明执行成功
函数表达式执行报错

函数声明会提前,函数表达式不会。解析器在向执行环境加载数据时,会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,参会真正被解释执行。

函数内部属性

arguments 有个一名叫 callee 的属性,该属性是一个指针,指向并拥有这个 arguments 对象的函数。
例:阶乘函数

function factorial(num) {
  if (num <= 1) {
    return 1;
  } else {
    return num * factorial(num-1)
  }
}

若上面的函数名以后不会更改,则没有问题。但是这个函数的执行与函数名 factorial 紧紧耦合在了一起。未解决这种紧密耦合的现象,可以使用 arguments.callee。

function factorial(num) {
  if (num <= 1) {
    return 1;
  } else {
    return num * arguments.callee(num-1)
  }
}

this 引用的是函数据以执行的环境对象。


caller,保存着调用当前函数的函数的引用,若是在全局作用域中调用当前函数,它的值为 null。

function outer() {
  inner();
}
function inner() {
  console.log(inner.caller);
   /** 输出 outer() 函数的源代码
  ƒ outer() {
      inner();
  }
  */
}
outer();

为了实现更松散的耦合,也可以通过 arguments.callee.caller 来访问相同的信息。
console.log(arguments.callee.caller);
注:严格模式下,访问 arguments.callee 会导致出错。

函数属性和方法

length 属性表示函数希望接收的命名参数的个数。
ptotype 属性不可以枚举,因此无法使用for-in 发现;保存他们所有实例方法的真正所在。
每个函数都包含两个非继承而来的方法:apply() 和 call(),用途都是在特定的作用域中调用函数,实际上等于设置函数体内 this 对象的值。

function sum(num1, num2) {
    return num1 + num2;
}
function callSum1(num1, num2) {
    return sum.apply(this, arguments); // 传入arguments 对象
}
function callSum2(num1, num2) {
    return sum.apply(this, [num1, num2]); // 传入数组
}

function callSum(num1, num2) {
    return sum.call(this, num1, num2);
}

bind() 方法会创建一个函数的实例,其 this 值会被绑定到传到 bind() 函数的值。

window.color = "red";
var o = { color: "blue" };

function sayColor() {
  alert(this.color);
}
var objectSayColor = sayColor.bind(o);
objectSayColor(); //blue

相关文章

网友评论

      本文标题:JavaScript — Function

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