新手必须知的Node.js 4个JavaScript基本概念


Posted in Javascript onSeptember 16, 2018

Node.js是建立在Chrome强劲的V8 JavaScript引擎上的服务器端框架。虽然最初是用C++编写的,但是应用程序通过JavaScript运行。

下面这4个基本概念是你想要掌握node.js所必需的。我会尽可能长话短说向大家介绍它们。

1.非阻塞或异步I/O

由于Node.js是一种服务器端框架,所以它的一个主要工作就是处理浏览器请求。在传统的I/O系统中,当前请求只有当先前请求的响应(HTML页面)已到达才会发出。这就是为什么它被称为阻塞I/O。服务器阻塞其他请求是为了处理当前的请求,而这会导致浏览器的等待。

Node.js不遵循I/O的这个原则。如果一个请求需要花费较长时间,那么Node.js会发送请求到事件循环(event loop)中,并继续在调用栈(call stack)中处理下一个请求。一旦未决请求完成处理,它就会告诉Node.js,并将响应渲染在浏览器上。

用一个虚拟的例子来理解这一点:

阻塞I / O

// take order for table 1 and wait...
var order1 = orderBlocking(['Coke', 'Iced Tea']);
// once order is ready, take order back to table.
serveOrder(order1);
// once order is delivered, move on to another table.
// take order for table 2 and wait...
var order2 = orderBlocking(['Coke', 'Water']);
// once order is ready, take order back to table.
serveOrder(order2);
// once order is delivered, move on to another table.
// take order for table 3 and wait...
var order3 = orderBlocking(['Iced Tea', 'Water']);
// once order is ready, take order back to table.
serveOrder(order3);
// once order is delivered, move on to another table.

在这个餐厅例子中,服务员给出菜单,等待订单完成,然后再回到餐桌根据菜单上菜。在当前客户点菜时,服务员就在旁边等待,不接受其他客户的菜单。

非阻塞I / O

// take order for table 1 and move on...
orderNonBlocking(['Coke', 'Iced Tea'], function(drinks){
 return serveOrder(drinks);
});
// take order for table 2 and move on...
orderNonBlocking(['Beer', 'Whiskey'], function(drinks){
 return serveOrder(drinks);
});
// take order for table 3 and move on...
orderNonBlocking(['Hamburger', 'Pizza'], function(food){
 return serveOrder(food);
});

在这个例子中,服务员获得菜单,并告知厨师,然后返回取另一份菜单。在完成第一个菜单进程中,他既按照顺序给当前顾客上菜,也接受来自其他客户的点单。服务员不会因为阻塞来自于其他客户的点菜而浪费时间。

2.原型

原型是JavaScript的一个复杂概念。不过因为在Node.js中你要多次用到原型,所以每个JavaScript开发人员都必须了解这个概念。

在实现经典继承的语言中,例如Java,或C ++,对于以代码重用为目的的语言,你首先必须写一个类,然后从该类创建对象或扩展该类。但是,在JavaScript中不存在类的概念。首先在JavaScript中创建一个对象,然后从这个对象中增加自己的对象,或创建新的对象。这就是所谓的原型传承和通过原型的实现。

每个JavaScript对象被链接到一个来自于它可以继承属性的原型对象。原型类似其他OO语言中的类,但不同的是,它们本身也是对象。每一个对象都链接到Object.prototype,而Object.prototype自带JavaScript预定义。

如果你通过obj.propName或 obj['propName'] 查找属性,而对象并不具有可通过 obj.hasOwnProperty(‘propName')被检查的属性,那么JavaScript的运行时会在其原型对象中查找属性。如果原型对象也没有这样的属性,那么依次检查它的原型,直到找到匹配,或者到达Object.prototype。如果该属性不存在原型链,那么它会导致一个未定义的值。

通过下面的示例代码来理解这个概念:

if (typeof Object.create !== 'function') {
  Object.create = function (o) {
    var F = function () {};
    F.prototype = o;
    return new F();
  };
var otherPerson = Object.create(person);

当你创建一个新对象的时候,你必须选择一个应该是它的原型的对象。这里,我们添加了一个方法到Object function。该方法创建了一个使用另一个对象作为其原型的新对象,而原型作为参数传递给它。

当我们改变新对象的时候,它的原型不受影响。但是,当我们进行改变原型对象的时候,这些变化在所有基于该原型的对象上可见。

原型是一个复杂的概念。我将在另一篇文章中详细说明。

3.模块

如果你曾经接触过Java中的包,那么Node.js中的模块也没有什么不同。如果没有,那么也不用担心。模块是包含特定目的代码的简单的JavaScript文件。模块模式用来使你的代码易于导航和使用。要使用模块属性,你需要在JavaScript文件中需求它,很像在Java类中导入包。

node.js中有两种类型的模块。

核心模块——这些模块是用Node.js库预编译过的。核心模块的目的是提供开发者经常发生和重复的代码段,这些代码段如果不可用的话,会导致开发者陷入不得不一次又一次地写相同代码的处境。一些常见的核心模块是HTTP,URL,EVENTS,FILE SYSTEM,等等。

用户定义模块——用户定义模块是开发人员在应用程序内创建用于特定目的的模块。当核心模块不能满足期望功能的时候就需要用户定义模块。

模块通过require函数提取。如果它是一个核心模块,那么参数仅仅是模块的名称。如果它是一个用户自定义模块,那么参数就是该模块在文件系统中的路径。例如:

// extract a core module like this
var http = require('http);
// extract a user defined module like this
var something = require('./folder1/folder2/folder3/something.js');

4.回调函数

在JavaScript中,函数被认为是第一类对象。这意味着你可以对这些函数做所有可对常规对象做的操作。你可以赋值函数给变量,作为参数传递函数给方法,作为对象属性声明函数,甚至从函数返回函数。

回调函数是JavaScript中的匿名函数,它可以作为参数传递给其他函数,要么被执行或返回自函数稍后执行。这是回调函数——这个使用最广的函数编程范式的基础。

当我们将回调函数作为参数传递给另一个函数的时候,我们只能传递函数定义……换言之就是,我们不知道这个回调函数什么时候会执行。这完全取决于调用函数的机制。它会在以后的某个时间点“回调”,因此而得名。这也是非阻塞或Node.js异步行为的唯一基础,如下例所示。

setTimeout(function() {
  console.log("world");
}, 2000)
console.log("hello");

这是回调函数最简单的例子之一。我们将一个匿名函数作为一个参数传递,这个参数只需在控制台上记录一些输出到setTimeout函数。它是唯一的函数定义,但是不知道何时执行。这需要经过2秒后,通过第二个参数,调用setTimeout函数来决定。

首先,第二个日志语句记录输出到控制台,然后,2秒钟后,回调函数中的日志语句记录输出。

// output
hello
world

以上4条JavaScript概念是Node.js新手必须知的个最重要概念,越是基础的东西越是重要,大家一家要牢记

Javascript 相关文章推荐
Dom操作之兼容技巧分享
Sep 20 Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 Javascript
jQuery创建DOM元素实例解析
Jan 19 Javascript
JS清除选择内容的方法
Jan 29 Javascript
jQuery选择器基础入门教程
May 10 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
Feb 04 Javascript
vue + socket.io实现一个简易聊天室示例代码
Mar 06 Javascript
详解ECMAScript6入门--Class对象
Apr 27 Javascript
jquery实现放大镜简洁代码(推荐)
Jun 08 jQuery
webpack 1.x升级过程中的踩坑总结大全
Aug 09 Javascript
javascript将非数值转换为数值
Sep 13 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
Jan 18 Javascript
分享5个顶级的JavaScript Ajax组件库
Sep 16 #Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
Sep 16 #Javascript
vue主动刷新页面及列表数据删除后的刷新实例
Sep 16 #Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 #Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
Sep 16 #Javascript
vue 2.1.3 实时显示当前时间,每秒更新的方法
Sep 16 #Javascript
vue debug 二种方法
Sep 16 #Javascript
You might like
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
php 动态执行带有参数的类方法
2009/04/10 PHP
PHP基础陷阱题(变量赋值)
2012/09/12 PHP
关于PHP结束标签的使用细节探讨及联想
2013/03/04 PHP
php图像处理类实例
2015/07/28 PHP
php时间计算相关问题小结
2016/05/09 PHP
PHP 返回13位时间戳的实现代码
2016/05/13 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
跨域表单提交状态的变相判断代码
2009/11/12 Javascript
js下用gb2312编码解码实现方法
2009/12/31 Javascript
JQery 渐变图片导航效果代码 漂亮
2010/01/01 Javascript
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
extjs4 treepanel动态改变行高度示例
2013/12/17 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
在vue中使用vue-echarts-v3的实例代码
2018/09/13 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
vue数据初始化initState的实例详解
2019/04/11 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
javascript实现搜索筛选功能实例代码
2020/11/12 Javascript
使用typescript快速开发一个cli的实现示例
2020/12/09 Javascript
[04:30]显微镜下的DOTA2第五期——拉比克
2013/09/26 DOTA
python笔记(2)
2012/10/24 Python
Python下的常用下载安装工具pip的安装方法
2015/11/13 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
python连接PostgreSQL数据库的过程详解
2019/09/18 Python
Python matplotlib 绘制双Y轴曲线图的示例代码
2020/06/12 Python
python爬虫如何解决图片验证码
2021/02/14 Python
Vivo俄罗斯官方在线商店:中国智能手机品牌
2019/10/04 全球购物
学生个人的自我评价分享
2013/11/05 职场文书
共产党员公开承诺书范文
2014/03/28 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
党的群众路线教育实践活动专题组织生活会发言材料
2014/10/17 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
详解Python函数print用法
2021/06/18 Python