《了不起的Node.js》摘要 JavaScripts概览(三)

V8中的JavaScript

随着Chrome浏览器的发布,带来了全新的JavaScript引擎V8,它以极快的速度运行,加之时刻保持最新并支持最新ECMAScript特性的优势,快速地在浏览器中占据了重要的位置。
其中有些特性弥补了语言本身的不足。另外一部分特性的引入则要归功于像jQuery/PrototypeJS这样的前端类库,因为它们提供了非常实用的扩展和工具。

Object Keys

要想获取对象的键(a和c):

var a = {a:'b', c : 'd'}
for(var i in a){}

通过对键进行迭代,可以将它们收集到一个数组中。不过如果采用如下方式进行过扩展

Object.prototype.c = 'd'

为了避免在迭代过程中取到c属性,可以通过hasOwnPropterty来进行检查

for(var i in a){
  if(a.hasOwnPropterty(i){}
}

或者通过以下方式来检查

var a  = {a:'b', c : 'd'}
Object.keys(a);  // ['a', 'c']

Array.isArray

对数组使用typeof操作符会返回object。然后大部分情况下,我们要检查数据是否真的是数组。
Array.isArray对数组返回true,否则返回false

Array.isArray(new Array()) // true
Array.isArray([]) // true
Array.isArray(null) // false
Array.isArray(arguments) // false

数组方法

要遍历数组,可以使用forEach(类似jQuery的$.each)

// 打印 1,2,3
[1,2,3].forEach(function(v){console.log(v)})

要过滤元素使用filter(类似jQuery的$.grep)

// 返回[1,2]
[1,2,3].filter(function(v){return v < 3})

要改变值使用map(类似jQuery的$.map)

// 返回[2,4,6]
[1,2,3].map(function(v){return v * 2})

V8还对数组提供了一些方法 reduce reduceRight以及lastIndexof.

字符串方法

要移除字符串首末的空格,可以使用trim

' hello   '.trim() // 'hello'
'i am a boy'.trim() // i am a boy 中间的空格不会移除

JSON

V8提供了JSON.stringify和JSON.parse方法来对JSON数据进行解码、编码。
JSON是一种编码标准,和JavaScript对象字面量很近,它用于大部分WEB服务器和API服务

var obj = JSON.parse({'a':'b'})
obj.a == 'b' // true

function.bind

.bind (类似于jQuery的$.proxy)允许改变对this的引用

function a(){
  this.hello == 'world'  //true
};
var b = a.bind({hello:'world'})
b() // 与call和apply不同,bin不会立即调用,直接手动调用b()

function.name

V8还支持非标准的函数属性名:

var a = function woot() {};
a.name == 'woot' // true

该属性属于V8内部的堆栈追踪。当有错误抛出时,V8会显示一个堆栈的追踪信息,会告诉你是哪函数调用导致了错误的发生

var woot = function() {throw new Error()}
woot()

在上述例子中,v8无法为函数引用指派名字。然而,如果对函数进行了命名,V8就能在显示堆栈时追踪信息时将名字显示出来:

var woot = function buggy(){throw new Error()}
woot()
Error
    at buggly (repl:1:37)

为函数全名有助于调试,因此,推荐始终对函数进行全名。
实测下来node8.x以后woot就是函数名

proto

____proto____使得定义继承链变理更加容易:

function Animal(){}
function Ferret() {}
Ferret.prototype.__proto__ = Animal.prototype

这样就不用像以往那样借助中间构造器了

存取器

你可以通过调用 方法来定义属性,访问属性就是使用 defineGetter____设置属性使用__defineSetter
比如,为Data对象定义一个属性,返回以自然语言描述的日期间隔。
比如:发生在三秒前比具体的日期容易理解

//
Date.prototype.__defineGetter__('ago', function(){
  var diff = (((new Date())).getTime() - this.getTime()) / 1000),
  day_diff = Math.floor(diff / 86400)
return day_diff == 0 && (diff < 60 && 'just now' || diff < 120 && '1 minute ago' ||
  diff < 3600 && Math.floor(diff / 60) + 'minute ago' ||
  diff < 7200 && '1 hour ago' ||
  diff < 86400 && Math.floor(diff / 3600) + 'hours ago' ||
  day_diff == 1 && 'Yesterday' ||
  day_diff < 7 && day_diff + 'day ago' ||
  Math.ceil(day_diff / 7) + 'weeks ago'
})

然后,简单的访问ago属性即可。注意,访问属性实际上还会调用定义的函数,只是这个过程透明了而已:

var a = new Date('12/12/1990')
a.ago
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值