分享第一篇,关于 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 中所有的方法都是驼峰命名,优先使用单引号,两个空格等等,更多的规范可以参考 https://github.com/airbnb/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)。
新闻热点
疑难解答
图片精选