Nodejs学习笔记之入门篇

分享第一篇,关于 NodeJS —— Javascript 的常用知识以及如何从 Javascript 开发者过渡到 NodeJS 开发者(不会介绍具体的框架)。在读本文前,希望你对 javascript 有一些初步的认识。

Javascript 是一门原型模型的解释型语言。解释型将在后面的 NodeJS 里面讨论,原型链是 ES6 之前的 Javascript 的面向对象的实现方式之一,在 ES6 中支持的 class 增加了一种新的实现方式。在 Javascript 里面所有东西都是对象,包括 “类”。接触过 ruby/python 的元编程的可能会觉得这个很熟悉,Javascript 也很容易是实现出动态的生成类的方法。

1. 基于原型链实现的简单的“类”

var Person = function(name){ this.name = name; }; Person.staticSay = function(name){ console.log('Hello ' + name); }; Person.prototype.sayHi = function(){ Person.staticSay(this.name); }

提一些常见的规范,例如 Javascript 中所有的方法都是驼峰命名,优先使用单引号,两个空格等等,更多的规范可以参考 。

代码中的staticSay为静态方法,即只能通过 Person.staticSay来调用。 当上面的 Person 生成实例的时候,例如 var vincent = new Person('vincent');的时候,vincent会自动继承 Person.prototype 的所有方法(代码中的 this 指代的是当前上下文,即上文中的 vincent)。

同时也可以动态的为对象 vincent 添加方法,例如如下代码:

var vincent = new Person('vincent') vincent.tellName = function(){ console.log('Hi, i\'m am' + this.name) };

然后当你需要模拟继承的时候,就需要在 prototype 上下功夫。例如下面使用 Worker.prototype = new Person() 来实现,new Person() 返回的实例对象带着的所有方法、属性都被赋给了 prototype,变相模拟了继承。这种方式最终一层层的往上找 prototype 里面的内容(因为每个实例具有的方法都在 prototype 里面,往上直到 Object)。当然也可以通过遍历来进行对 prototype 赋值来模拟继承。

2. 上下文切换

上下文最直观的表现就是代码块中的 this,通常在面向对象的编程中用到,来指代当前“类”生成的对应实例,与其他语言的 self一致。

继续用上文中的例子,上文中已经实现了一个 Person.prototype.sayHi方法,现在我有一个新的对象,代码如下:

var Cat = function(name){ this.name = name; } var c = new Cat('tomcat');

如果某天突然异想天开希望这只猫像人一样介绍他自己怎么办,他自己没有 sayHi 这个方法。但是可以通过 console.log(Person.prototype.sayHi)是可以拿到人类的 sayHi 方法的,怎么让猫也可以使用呢?

Javascript 有两个方法,call 和 apply,他们的区别就是参数不同(自行谷歌),作用是用来切换上下文。简单说就是可以把 Person.prototype.sayHi这个函数中的 this 变成其他对象。使用方式: Person.prototype.sayHi.call(c)。

这个实用嘛?例如如下场景:

var doSomething = function(){ var persons = arguments; };

上面的函数中,通过关键字 arguments获取所有的参数来支持不定数量的参数。现在我们希望对 persons用一些原属于 Array 类型的方法,如何实现呢?这里就可以用上下文切换来实现:

var doSomething = function(){ var persons = arguments; // 使用 Array 的 slice 方法,将 arguments 对象转变为 Array 实例 var persons_arr = Array.prototype.slice.call(arguments); };

3. 闭包

先来段常见的代码

for (var i = 0; i < 3; i ++){ setTimeout(function(){ console.log(i); }, i) }

这个会输出什么结果呢?依次输出 0 1 2 ?实际情况是,当 setTimeout第一次执行回调的时候,for 循环已经结束了,也就是说此时的 i 已经是 3 了,导致最终的输出结果是 3 3 3。

当你需要保护某一个变量,使得他不被外围的代码所影响的时候,你可能就需要考虑下闭包 —— 一个封闭的作用域的代码块。

for (var i = 0; i < 3; i ++){ +function(i){ setTimeout(function(){ console.log(i); }, i) }(i) }

咦, +是干嘛的,有没有其他方式实现,请自行谷歌。闭包内的 i 的作用域是一个封闭的作用域,所以最终 闭包内的 i 一直没有被外面的执行改变,所以可以成功的输出 0 1 2。

简单的介绍了 javascript 部分特性,关键字 原型链、call 和 apply、arguments 关键字,更多的建议可以看看例如权威指南这样的书,或者快速了解下基本的类型以及每个类型有的方法。有一些比较神奇的代码,例如获得当前的代码的字符串,然后进行处理得到自己想要的内容,使用 getter 和 setter 在用户对对象属性获取或者赋值的时候做一些特殊的操作等等。

4. NodeJS 和 Javascript 的开发区别

这块主要介绍 require 加载的基础知识,首先先介绍一些代码:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgjfyz.html