上篇讲完JS面向对象的特性,我们今天就来聊聊它的其它特性。

JS面向对象的特性较为隐晦,真正使用也是比較少的。而今天我们要讲的,却是在实际开发中常常遇到的特性。

1. 函数式编程

多数人并不知道“函数式编程”是什么鬼!事实上不用怕,要理解“函数式编程”。仅仅须要记住一句话: 函数能够作为变量使用!  

jQuery大家肯定都有使用过,例如以下代码是jQuery绑定事件的方式。正是使用了JS函数式编程的最大特性:函数能够作为变量使用



中间提到了匿名函数,这里简介一下,匿名函数仅仅是普通函数的变体,未定义函数名称而已。可是非常多文章喜欢拿它当做高级特性来讲。搞得大家都认为它好高级!事实上这个特性大家一定经经常使用到,仅仅是忽略了它的“艺名”而已。

2. 闭包

又是一个高大上的词,不明所以的人立刻被吓住!可是请注意,我们已经掌握了一个神器:函数能够作为变量使用。何惧哉?

来看闭包的实例代码:

wx_fmt=png" alt="" style="margin:0px; padding:0px; max-width:100%; height:auto!important">

函数能够作为变量使用。我在方法内部定义了一个变量,是非常正常的写法。

仅仅只是这样的写法,又被人起了个“艺名”: 闭包

3. 回调函数

我们把函数当做变量进行传输,能够使用call & apply 针对函数进行调用,俗称回调

4.匿名自运行函数

刚才我们讲到匿名函数。既然函数没有名字。我们怎样调用它呢? 来看例如以下伪代码:

也就是在匿名函数后面加上“()”就可以运行该方法。可是请别着急。这样定义JS解析器并不能解析。会报Error,所以语法上略微变换一下,变成了鼎鼎大名的jQuery的开篇代码

当然你也能够使用underscore.js的方式,看起来很精妙

wx_fmt=png" alt="" style="margin:0px; padding:0px; max-width:100%; height:auto!important">

5. thiskeyword

我们常常看到在JS代码中出现thiskeyword,因为其函数式编程的特性。this指向的对象常常令我们不解。

要理解其thiskeyword。也有一捷径可循:thiskeyword指向的是运行者。 看例如以下样例:

这里的样例都中规中矩,在实际的开发中。情景要复杂的多,所以要找到thiskeyword的指向是一个很复杂的事情。

万幸,因为其复杂性,非常多人都不愿意使用它,特别是较为复杂的逻辑。毕竟写出看得懂的代码要远远好于高深的代码。

以上这些特性都是“函数式编程”引申出来的话题。所以JS最大的特性无疑是函数式编程,要理解函数式编程。一定要记得:函数能够作为变量使用

本章我们都是针对其特点单独进行解说,你一定感觉不到它的精妙之处!后期将会在其它章节中综合解说。让你深切感受到它的灵活优雅。

更多的静态语言。眼下或多或少的都引入了一些函数式编程的特性!比方Java中的callable,它大大简化了Java的多线程开发,而最新的Java8中的Lambda表达式,全然是函数式编程的模型

讲完了JS的函数式编程,接下来我们将继续JS其它内容的解说。话题涉及设计模式,实际开发,架构等。敬请期待!

恭祝大家。2016新年快乐!

JavaScript全讲-必知的特性的更多相关文章

  1. JavaScript必知的特性(继承)

    多数人在学习JavaScript的时候.都是做Web的时候.须要表单验证.或者是一些简单的DOM操作,如同我上篇所讲.处在一个"辅助"的地位. 处在"辅助"地位 ...

  2. JavaScript全讲-架构原则解析

    因为近期一直在忙,非常久没有更新,见谅. 上篇我们讲完JavaScript函数式编程的特性,今天我们就来聊聊JavaScript中的架构. 提到JavaScript架构.非常多人会认为不可思议,由于架 ...

  3. JavaScript基础知识必知!!!

    JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. JS作用:表单验证,减轻服务端的压力:添加页面动画效果:动态更改页面内容:Ajax网络请求. 下面简单介 ...

  4. JavaScript开发人员必知的10个关键习惯

    还在一味没有目的的编写JavaScript代码吗?那么你就OUT了!让我们一起来看看小编为大家搜罗的JavaScript开发人员应该具备的十大关键习惯吧! 随着新技术的不断发展,JavaScript已 ...

  5. 15分钟带你了解前端工程师必知的javascript设计模式(附详细思维导图和源码)

    15分钟带你了解前端工程师必知的javascript设计模式(附详细思维导图和源码) 前言 设计模式是一个程序员进阶高级的必备技巧,也是评判一个工程师工作经验和能力的试金石.设计模式是程序员多年工作经 ...

  6. 【EatBook】-NO.1.EatBook.1.JavaData.1.001-《JSON 必知必会-Introduction to JavaScript Object Notation》-

    1.0.0 Summary Tittle:[EatBook]-NO.1.EatBook.1.JavaData.1.001-<JSON 必知必会-Introduction to JavaScrip ...

  7. 高效开发之SASS篇 灵异留白事件——图片下方无故留白 你会用::before、::after吗 link 与 @import之对比 学习前端前必知的——HTTP协议详解 深入了解——CSS3新增属性 菜鸟进阶——grunt $(#form :input)与$(#form input)的区别

    高效开发之SASS篇   作为通往前端大神之路的普通的一只学鸟,最近接触了一样稍微高逼格一点的神器,特与大家分享~ 他是谁? 作为前端开发人员,你肯定对css很熟悉,但是你知道css可以自定义吗?大家 ...

  8. Visual Studio (VS IDE) 你必须知道的功能和技巧 - 【.Net必知系列】

    前言 本文主要阐述一些Visual Studio开发下需要知道的少部分且比较实用的功能,也是很多人忽略的部分.一些不常用而且冷门的功能不在本文范围,当然本文的尾巴[.Net必知系列]纯属意淫,如有雷同 ...

  9. 开发者必知的8款App快速开发工具

    开发者必知的8款App快速开发工具 “我有一个好创意,就差一个CTO……” “原生APP开发难度大,周期长,成本高,还没上线市场已经被占领了.” “APP版本迭代更新,都是企业的一道难关,没有一个一劳 ...

随机推荐

  1. luogu 1325 雷达安装

    题目链接 题意 在\(x\)轴上方有\(n\)个海岛,要在\(x\)轴建雷达,每个雷达的覆盖范围为半径为\(d\)的圆,问至少要建多少个雷达能覆盖所有海岛. 思路 对于每个海岛计算出雷达建立在什么范围 ...

  2. 【Visual Studio】VS2013的Release模式下进行调试(转)

    原文转自 http://blog.csdn.net/haizimin/article/details/50262901 在有的情况下,我们可能不能直接利用Debug模式进行程序调试,那么如何在Rele ...

  3. gcc 内置函数

    关于gcc内置函数和c隐式函数声明的认识以及一些推测   最近在看APUE,不愧是经典,看一点就收获一点.但是感觉有些东西还是没说清楚,需要自己动手验证一下,结果发现需要用gcc,就了解一下. 有时候 ...

  4. linux .so .a .o 文件

    linux下文件的类型是不依赖于其后缀名的,但一般来讲:.o,是目标文件,相当于windows中的.obj文件.so 为共享库,是shared object,用于动态连接的,和dll差不多.a为静态库 ...

  5. jiffies溢出与时间先后比较-time_after,time_before

    参考地址: http://blog.csdn.net/jk110333/article/details/8177285 http://blog.chinaunix.net/uid-23629988-i ...

  6. AC日记——Pupils Redistribution Codeforces 779a

    A. Pupils Redistribution time limit per test 1 second memory limit per test 256 megabytes input stan ...

  7. 详解DNS域名解析全过程

    关于dns域名解析的大致过程很多人都知道,但有些细枝末节的东西容易遗忘,今天有空整理一下,作为以后复习用,如有不对的地方,还望指正.解析大致过程如图(不喜欢看图的可以直接跳过): 当一个用户在地址栏输 ...

  8. python学习之-- 故障记录汇总

    以下为我编程期间遇到的错误并进行记录,起始时间2017-6-21 时间:2018/11/21问题现象:ajax 执行异步提交后,在访问日志看出现了2次post执行分析:默认ajax提交是执行一次,然后 ...

  9. awk理论详解、实战

    答疑解惑: 为什么用awk取IP的时候用$4? ifconfig eth0 | awk -F '[ :]+' 'NR==2{print $4}' IP第二行内容如下: inet addr:10.0.0 ...

  10. 优雅的使用ImageGetter

      https://daihanglin.github.io/2017/10/13/imageGetter/ 1. 使用ImageGetter的场景 Android中用于显示文本的控件为textVie ...