zoukankan      html  css  js  c++  java
  • USING UNDERSCORE.JS

    jquery doesn't provide a lot of utility methods for other purposes.

    small library   approximately 60 methods that can make your Javascript  easier to understand and more compact.

    Accessing Underscore

    underscore character  _

    function or object-oriented style

    _.isString(myVar)

    _(myVar).isString();

    the OO method first calls the underscore on the target (much like jquery does with selectors)

    and then calls the methods on the resulting object.

    Working with Collections

    the bulk of the methods in Underscore.js are targeted at working with collections

    where they are arrays or objects.  Because much of what you do in game developments is the manipulations of lists of objects such as sprites, these methods come in hnandy.

    for(var i=0, len= sprites.length;i<len;i++) {

      sprites[i].update();

    }

    _(sprites).invoke('update');

    shorter and clearer about the intention of the code.

    the only downside is that there is some overhead involved in calling an Underscore method

    instead of just writing your own loop.

    this overhead is negligible, and the advantage of smaller, more compact code

    iw worth the trade-off.

     _.each(list,callback,[context])

    Calls back each element of the list as an argument to the callback

    use the native forEach in the browsers that support it.

    context  object that is bound to this inside the callback.

    _.map(list,callback,[context]) takes the return values from the callbback

    mthod and returns a new array

    _filter(list,callback,[context]) Similar to _.find except that it returns an array 

    of all the items for which the callback returns true;

    _without(array,[*array])  Returns a new array without any instances of values

    removed;

    _.uniq(array, [isSorted],[iterator])   _.uniq returns a copy of an array

    with any duplicate elemnts removed.  sorted state  true to isSorted to improve 

    performance

    Using Utility Functions

    _.bindAll(object,[*methodNames])

    Modifies any calls to methodNames on object so that the context 

    is always object.

    _.keys(object) / _.values(object)    Return all of an object's keys or values

    _extend(destination,*sources)  Copies all the properties from a list

    of source objects over to the destination, overwriting any existing 

    properties.

    _.is(ObjectType)   check the type of a passed-in object. this 

    is useful beacuse JS does.nt provide built-in checking methods

    _.isEqual, _.isEmpty,  _.isElement,_.isArray, _.isFunction,_.isString,

    _isNumber,_.isBoolean,_isNaN, _.isNull, and _.isUndefined,  

    _uniqueId([prefix]) generates a globally unique identifier for client-side

    DOM elements  or models 

    Chaining Underscore Method Calls

    _(_(_(sprites)

      .filter(function(s) {return s.category == "enemy";}))

      .pluck('y'))

      .max();

    _.chain(sprites)

      .filter(function(s){return s.category == "enemy";})

      .pluck('y')

      .max().value();

  • 相关阅读:
    让div 充满整个body GIS
    fortuneclient 学习 (客户端接受数据) GIS
    错误 1 error C1083: 无法打开包括文件:“QNetworkProxy”: No such file or directory GIS
    qt fortuneserver 例子学习 ( 给客户端发送消息) GIS
    new操作符(new operator) 和 new操作(operator new)的区别。 GIS
    qt 控件 GIS
    c++ 顺序容器 GIS
    将一个div 分成两列 也可以分成多列 GIS
    控件模板 1
    WPF简单写写。。。
  • 原文地址:https://www.cnblogs.com/yushunwu/p/2733295.html
Copyright © 2011-2022 走看看