js重修课[四]:函数

最近学习效率比较低下,一定是春天到了的缘故……

函数这一章也是比较重要的一章。js里的Function是一个特殊的对象。

函数定义

函数有两种定义方法:定义表达式如var f = function(){};和声明语句如function f(){}。须知在变量提前这一现象中,声明语句可被提前,而定义表达式虽然声明语句被提前,但赋值并未被提前,因此在表达式前调用该函数会得到undefined。函数声明语句不能出现在循环、条件判断、或者try/catch/finally以及with语句中

函数调用

函数调用有4种方式:

  • 作为函数
  • 作为方法
  • 作为构造函数
  • 通过call()或apply()间接调用

函数调用f(1);一类调用方式,这类方法的this处于全局环境下,在非严格模式下为全局对象,严格模式下为undefined。

方法调用即对一个对象内的函数的调用,如a.sort();。在放大调用中,this指针引用调用该方法的对象。之前一直没有注意的一点是:this和变量不同,它不像变量有作用域的限制。this的引用只与函数的调用方式有关,而与外层函数的上下文无关。只要函数作为普通函数调用,不论嵌套在哪,this的值不是全局对象就是undefined;而只要函数作为方法调用,this的值就是调用它的对象。一般在嵌套函数中利用变量的作用域来保存this的值,如下:

var o = {
    m: function() {
        var self = this;
        function f() {
            console.log(this === o);  //"false": 此时this值为全局变量或undefined
            console.log(self === o);  //"true"
        }
    }
}

构造函数即使用new关键字调用函数。在前一章关于对象继承的说明中说过,这种调用方式会创建一个新的空对象,令其继承构造函数的prototype属性,并将新对象用作其调用上下文。不论它是函数调用还是方法调用,内部的this指针都指向新对象,而不是调用该方法的对象

间接调用即使用call()和apply(),将函数上下文显示传递进去。如f.call(o);,相当于使用对象o调用函数f()。call()和apply()的区别在于前者接受不定参数,分别为调用函数和参数列表,如f.call(o, 1, 2);,而apply()接受的是调用函数和参数数组。bind()方法是ECMAScript 5新增的方法,可以更便捷地绑定调用函数上下文。使用方法如f.bind(o);,即用o调用f()。在未实现ECMAScript 5的一种兼容写法如下:

function bind(f, o) {
    if (f.bind) return f.bind(o);   //若bind方法存在,返回其引用
    else return function() {
        f.apply(o, arguments);      //若不存在,用apply()模拟
    }
}

闭包

这也几乎是逢js必谈的一个专题了,说得太多,只是记录一些概要。

简言之,闭包就是指函数体将各自内部的变量保存在自有作用域内的一种现象。在js中,函数若是没有定义嵌套函数,那么在返回的时候引用清零,函数内的变量就会被回收。而若定义了嵌套函数,并将其作为返回值存于某个属性中,保持了引用,这个嵌套函数所绑定的变量就不会被当作垃圾回收。简单的实现如下:

function counter() {
    var x = 0;
    return {
        count: function() { return x++; },
        reset: function() { x = 0; }
    };
}

var a = counter(), b = counter();
a.count(); // => 0
b.count(); // => 0:a和b将独立计数
a.reset(); // => 0:重置

使用闭包可是共享私有变量,实现诸如单例一类的功能。隐患也很显然:处理不当容易造成内存泄露。

函数式编程

嗯,像Lisp和Haskell那样写js,听起来是挺牛逼的……总之是利用函数值传递一系列技巧实现,示例如下,不知以后能否有更多应用:

function compose(f, g) {
  var self = this;
  return function() {
    return f.call(this, g.apply(this, arguments));
  }
}

var square = function(x) { return x*x; };
var sum = function(x, y) { return x + y };
var squareofsum = compose(square, sum);
console.log(squareofsum(2, 3));  // => 25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏架构之路

Java子类的父类和要实现的接口有相同的方法/函数会冲突吗

答案是,不会。子类优先实现父类的方法,虽然父类的方法和接口的方法长得一模一样。 class father{ public void f(){} } in...

3093
来自专栏程序生活

Python中defaultdict用法

2016
来自专栏河湾欢儿的专栏

第二节单利、工厂、构造函数、原型链、call、bind、apply、sort

1032
来自专栏我和PYTHON有个约会

24. 企业级开发基础5:面向对象特征(封装)

在我们程序开发过程中,定义好类型之后就可以通过类型来创建对象 如:我们定义一个中华人民共和国公民的类型

821
来自专栏Java帮帮-微信公众号-技术文章全总结

JAVA面试题解惑——final、finally和finalize的区别

final、finally和finalize的区别是什么? 这是一道再经典不过的面试题了,我们在各个公司的面试题中几乎都能看到它的身影。final、final...

3556
来自专栏java工会

Java基础第一阶段知识点,招实习的面试官都在问这些

a) 答:Java源文件被编译成字节码的形式,无论在什么系统环境下,只要有java虚

1221
来自专栏java工会

Java基础第一阶段知识点,招实习的面试官都在问这些

2169
来自专栏desperate633

浅谈javascript中的的闭包作用域链引出闭包利用闭包突破作用域链的三种方法小结

闭包可以说是javascript中最令人迷惑的概念了。需要我们在实践中去慢慢理解,在实际编码中,由于闭包的效率和会产生大量无法销毁的内存,所以原则是尽量少使用闭...

701
来自专栏Python小屋

1000道Python题库系列分享二(48道)

本系列题目共约1000道,下一期题库分享时发布本期题目参考答案,可以在微信公众号菜单查看系列题目。 上一期题目链接1000道Python题库系列分享一(17道)...

6358
来自专栏开源优测

[快学Python3]if条件控制

if语句 先看下Python中一般的条件控制语句的形式是怎么样的,如下所示: if 条件: # 代码块 elif 条件: ...

1984

扫码关注云+社区

领取腾讯云代金券