protobuf.jsとLong.jsの使い方を詳しく解説

今回は、protobuf.js と Long.js の使用方法について詳しく説明します。protobuf.js と Long.js を使用する際の 注意事項 は何ですか?実際の事例を見てみましょう。

protobuf.js の構造は、ロード後の webpack の構造と非常によく似ています。この種の

モジュラーの組み合わせは、優れた構造方法です。 1 つは異なる読み込み方法に適応しており、2 つのモジュールは直接独立しています。 webpack の方が高機能です。ただし、js ライブラリを自分でカプセル化する場合は、これで十分です。さらに、モジュールには統合された外部インターフェイス module.exports があります。これはノードと非常によく似ています。

(function(global, undefined) {    "use strict";
    (function prelude(modules, cache, entries) {        function $require(name) {            var $module = cache[name];            //没有就去加载
            if (!$module)
                modules[name][0].call($module = cache[name] = { exports: {} }, $require, $module, $module.exports);            return $module.exports;
        }        //曝光成全局
        var proto = global.proto = $require(entries[0]);        // AMD
        if (typeof define === "function" && define.amd) {
            define(["long"], function(Long) {                if (Long && Long.isLong) {
                    proto.util.Long = Long;
                    proto.configure();
                }
            });            return proto;
        }        //CommonJS
        if (typeof module === "object" && module && module.exports)
            module.exports = proto;
    })    //传参    ({        1: [function (require, module, exports) {            function first() {
                console.log("first");
            }
            module.exports = first;
        }, {}],        2: [function(require, module, exports) {            function second() {
                console.log("second");
            }
            module.exports = second;
        }],        3: [function (require, module, exports) {            var proto = {};
            proto.first = require(1);
            proto.second = require(2);
            proto.build = "full";
            module.exports = proto;
        }]
      }, {}, [3]);
})(typeof window==="object"&&window||typeof self==="object"&&self||this)

16 ビットを超える形状を扱う場合は Long.js を使用する必要があります。 主に fromString と toString です。

  function fromString(str, unsigned, radix) {        if (str.length === 0)            throw Error('empty string');        if (str === "NaN" || str === "Infinity" || str === "+Infinity" || str === "-Infinity")            return ZERO;        if (typeof unsigned === 'number') {            // For goog.math.long compatibility
            radix = unsigned,
            unsigned = false;
        } else {
            unsigned = !!unsigned;
        }
        radix = radix || 10;        if (radix  0)            throw Error('interior hyphen');        else if (p === 0) {            return fromString(str.substring(1), unsigned, radix).neg();
        }        // Do several (8) digits each time through the loop, so as to
        // minimize the calls to the very expensive emulated p.
        var radixToPower = fromNumber(pow_dbl(radix, 8));        var result = ZERO;        for (var i = 0; i <p style="text-align: left;">fromstring のアイデアは、</p>string<p style="text-align: left;"> 8 桁を 1 つずつインターセプトすることです。次にLong型(上位ビット、位置、符号ビット)に変換して加算します。最後はドラゴンです。 4294967296 は 2 の 32 乗です。各演算の前に基数演算 mul(radixToPower) または mul(power) があり、どちらも結果の桁数が正しいことを確認します。 <a href="http://www.php.cn/wiki/57.html" target="_blank"></a>たとえば、{low:123} と {low:1} を加算する前に、まず {low:123} に 10 を乗算して {low:1230} を取得し、次に {low:1} でビット単位の演算を実行します。最初のビットは上位ビットであるため、直接追加することはできません。 </p><p style="text-align: left;"></p><p style="text-align: left;"></p><pre class="brush:php;toolbar:false">function fromBits(lowBits, highBits, unsigned) {        return new Long(lowBits, highBits, unsigned);
    }

fromBitsはLongobject

に変換されます。 value%4294967296 は下位ビットを取得します。 /ハイになりましょう。結果は変位ごとに結合されます。 mul はビットの乗算、add はビットの加算です。 原則として、64 ビット ファイルを 4 つのセグメントに分割します。それぞれ16ビット。 this.low を 16 ビット左にシフトして、Low の 32 ～ 17 ビットを取得します。 次に、add オブジェクトを使用して同じビットを追加します 最終的なマージは | 操作によって行われます。移動後に元に戻すのは本当に賢いです。しばらく理解できなかったようです。

 LongPrototype.add = function add(addend) {        if (!isLong(addend))
            addend = fromValue(addend);        // pide each number into 4 chunks of 16 bits, and then sum the chunks.
        var a48 = this.high >>> 16;        var a32 = this.high & 0xFFFF;        var a16 = this.low >>> 16;        var a00 = this.low & 0xFFFF;        var b48 = addend.high >>> 16;        var b32 = addend.high & 0xFFFF;        var b16 = addend.low >>> 16;        var b00 = addend.low & 0xFFFF;        var c48 = 0, c32 = 0, c16 = 0, c00 = 0;
        c00 += a00 + b00;
        c16 += c00 >>> 16;
        c00 &= 0xFFFF;
        c16 += a16 + b16;
        c32 += c16 >>> 16;
        c16 &= 0xFFFF;
        c32 += a32 + b32;
        c48 += c32 >>> 16;
        c32 &= 0xFFFF;
        c48 += a48 + b48;
        c48 &= 0xFFFF;        return fromBits((c16 <p style="text-align: left;">>>> はどう違いますか？ ? 。 </p><p style="text-align: left;">toString</p><pre class="brush:php;toolbar:false">LongPrototype.toString = function toString(radix) {
        radix = radix || 10;        if (radix >> 0,
                digits = intval.toString(radix);
            rem = remp;            if (rem.isZero())                return digits + result;            else {                while (digits.length <p style="text-align: left;">もsubの後に書きます。つまり、fromstring の逆の操作です。 </p><p style="text-align: left;">この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 </p><p>推奨読書: </p><p></p>興味深いUglifyJS<p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-388786.html" target="_blank"></a><br></p>JSを自動的にproto Jsと一致させる方法<p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-388784.html" target="_blank"></a></p>

以上がprotobuf.jsとLong.jsの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。