最近出于兴趣,开始接触前端开发的相关知识。作为前端开发应用最广泛的语言,我目前接触到的就是JavaScript。在了解了基础的JS语法后,了解到还有一个很火的Node.js,于是就怀着好奇的心态,决定先了解了解。
Node是什么?
学习JS,我们知道它是一种直译式脚本语言,通过解释器对代码进行翻译,并直接运行。而解释器就是JS引擎,它是浏览器组成的一部分。
从[Node官网](http://nodejs.cn/)了解到,Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
换句话说,Node 就是一个JS 的解释器。可以直接对JS代码进行翻译执行。
Node安装
要安装Node,可以直接从官网下载,也可以利用Node Version Manager(nvm,Node版本管理器)来安装。这里推荐使用nvm安装方式。因为这样可以使用户在多种node版本中相互切换,并且可以随时更新Node版本。
Mac上安装nvm
可以通过brew info nvm
来获取当前可下载的nvm版本,以及下载后需要完成的配置。再通过brew install nvm
完成nvm的安装。
如下图:
install
完成之后根据info
给出的提示进行相关配置就可以了。
当nvm安装成功后,可以通过在控制台输入nvm
来查看可以使用的指令,以及该指令对应的操作。如下:
从相关指令表中可以看出,使用nvm ls-remote
可以获得远端可下载安装的node版本。
之后使用nvm install [<version>]
安装指定版本。
使用nvm ls
可以查看当前本地所安装的node版本,以及当前使用的node版本
这样,node安装就完成了。另外,需要注意的是,nvm在安装node的同时,会附带安装npm(Node Package Manager,node包管理器),
npm可以解决JS代码下载第三方包在本地使用的问题,在node.js项目中会很用。
如此一来,Node所需的基本环境就安装完成了。
Node的使用
node
指令的使用可以用来解释执行一个已有的JS文件,如我有如下main.js文件:
var Student = require('../src/Student')
var Person = require('../src/Person')
var std1 = new Student("Frank", "Kaiser", "male", 25, 89757);
var person1 = new Person("Oliver", "Queen","male", 30);
console.log("\n");
console.log("This is a Student:");
console.log(std1.toString());
console.log("\n");
console.log("This is a Person:");
console.log(person1.toString());
console.log("\n");
console.log("Is student instance of Person class?");
console.log(std1 instanceof Person);
那么通过控制台的node src/main.js
指令,就可以得到:
除了可以直接运行.js文件外,node
指令还可以在控制台直接输入JS代码,进行解释执行。
至此,node的简单使用方式也就了解了。
理解Node模块化概念
以往的js代码并没不重视模块化这一概念,使得一些变量很容易就被“污染”,安全性也会大打折扣。
而在Node中,推荐将不同的功能组件划分成不同的模块,这种模块其实有点类似Java中的封装概念,每个模块会向外暴露一些公共方法或属性,从而使得这些模块可以被按照需求调用或移除。
那么如何使用模块呢?
类似于Java中的package引入,在Node中,可以使用require(path)
全局函数来加载已经写好的模块文件,其中的参数为模块文件的路径,就如上文代码中的
var Student = require('../src/Student')
var Person = require('../src/Person')
就是引入了Student和Person两个模块。
但是需要注意的是在这两个模块中,应该都包含
module.exports = <moduleName>
这样的语句。
下面给出Person和Student模块的代码:
//Person模块代码
function Person(first, last, gender, age) {
this.first = first;
this.last = last;
this.gender = gender;
this.age = age;
console.log("if this log appears twice times,that means Student Class's constructor extends Person Class's constructor.");
}
Person.prototype.getName = function(){
var name = {
'first' : this.first,
'last' : this.last
}
return name;
}
Person.prototype.getGender = function(){
return this.gender;
}
Person.prototype.getAge = function(){
return this.age;
}
Person.prototype.toString = function (){
return 'Name: ' + this.getName().first + '·' + this.getName().last +',\n' +'Gender: ' + this.gender + ',\n' + 'Age: '+ this.age + '.'
}
module.exports = Person;
//Student模块代码
var Person = require('../src/Person');
function Student(first, last, gender, age, stdId){
Person.call(this, first, last, gender, age);
this.stdId = stdId;
}
Student.prototype = Object.create(Person.prototype);
Student.prototype.construct = Student;
//Student.prototype = new Person();
Student.prototype.setStdId = function (stdId){
this.stdId = stdId;
}
Student.prototype.getStdId = function (){
return this.stdId;
}
Student.prototype.toString = function (){
return 'Name: ' + this.getName().first + '·' + this.getName().last +',\n' +'Gender: ' + this.gender + ',\n' + 'Age: '+ this.age + ',\n' + 'StudentId: ' + this.stdId + '.';
}
module.exports = Student;
当然,模块化的JS代码除了这里提到的有利于书写可伸缩的代码,同时就是提供了前面所说的类似于面向对象编程的“封装”特性。
即在模块中直接声明的变量,是无法在模块外调用的,如在Person模块中添加一个name
变量,则在main.js中,虽然引入了Person模块,但并无法通过<instanceName>.name
调用。若需要直接使用这个变量,则需要将其与this
绑定,或将其用原型方法包装。
如下:
运行结果:
总结
其实Node还有很多强大的功能,只是我还了解的不多。之后要学的还很多。
另外,添上一篇更为详尽的博客作为参考资料。