美文网首页
Node初识

Node初识

作者: Oliver_Le | 来源:发表于2017-03-02 13:47 被阅读15次

    最近出于兴趣,开始接触前端开发的相关知识。作为前端开发应用最广泛的语言,我目前接触到的就是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的安装。
    如下图:

    `brew info 效果图`

    install完成之后根据info给出的提示进行相关配置就可以了。

    当nvm安装成功后,可以通过在控制台输入nvm来查看可以使用的指令,以及该指令对应的操作。如下:

    安装成功后输入`nvm`

    从相关指令表中可以看出,使用nvm ls-remote可以获得远端可下载安装的node版本。

    由于会列出所有历史版本,这里只列出部分可利用版本,其中灰色为可安装版本,蓝色的为本地已安装版本,绿色为当前使用的版本。

    之后使用nvm install [<version>]安装指定版本。

    安装成功

    使用nvm ls可以查看当前本地所安装的node版本,以及当前使用的node版本

    本地node版本

    这样,node安装就完成了。另外,需要注意的是,nvm在安装node的同时,会附带安装npm(Node Package Manager,node包管理器),
    npm可以解决JS代码下载第三方包在本地使用的问题,在node.js项目中会很用。

    npm

    如此一来,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指令,就可以得到:

    `node`指令运行JS文件的结果

    除了可以直接运行.js文件外,node指令还可以在控制台直接输入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绑定,或将其用原型方法包装。
    如下:

    在Person模块中添加一个name变量.png 在main.js中添加上图代码

    运行结果:

    直接调用name,则显示undifined.png

    总结

    其实Node还有很多强大的功能,只是我还了解的不多。之后要学的还很多。
    另外,添上一篇更为详尽的博客作为参考资料。

    相关文章

      网友评论

          本文标题:Node初识

          本文链接:https://www.haomeiwen.com/subject/vfdhgttx.html