Typescript: Object.assignのサポートに関するロードマップはありますか？

何を探しているのかわからない。 タイピングを意味する場合は、lib.es6.d.tsですでに次のように定義されています。

    /**
      * Copy the values of all of the enumerable own properties from one or more source objects to a 
      * target object. Returns the target object.
      * <strong i="6">@param</strong> target The target object to copy to.
      * <strong i="7">@param</strong> sources One or more source objects to copy properties from.
      */
    assign(target: any, ...sources: any[]): any;

つまり、実装を意味します。TypeScriptにはポリフィルが含まれていません。いつでも自分のものを含めることができます。たとえば、Mozillaにはポリフィルがあります。

ミックスインパターンのタイピングについて質問している場合、それは2.0のロードマップで常に持っていたものです。

ありがとう。 es3 / es5 / es6にトランスパイルするTypeScriptでObject.assign(...)を書くことを意味します。 つまり、2.0のロードマップにあります。

：+1：

@unional私は何かを誤解したかもしれません。 しかし、私はあなたの結論が正しいとは思いません。

ES6はとにかくObject.assignサポートしているので、ターゲットがES6であれば、とにかくTypeScriptで記述できるはずです。

ただし、es5以下にトランスパイルする場合でも、es5にはObject.assignがないため、ポリフィルが必要になります。

簡単な回避策として、このポリフィルと入力を検討してください。

interface ObjectConstructor {
    assign(target: any, ...sources: any[]): any;
}

if (typeof Object.assign != 'function') {
  (function () {
    Object.assign = function (target) {
      'use strict';
      if (target === undefined || target === null) {
        throw new TypeError('Cannot convert undefined or null to object');
      }

      var output = Object(target);
      for (var index = 1; index < arguments.length; index++) {
        var source = arguments[index];
        if (source !== undefined && source !== null) {
          for (var nextKey in source) {
            if (source.hasOwnProperty(nextKey)) {
              output[nextKey] = source[nextKey];
            }
          }
        }
      }
      return output;
    };
  })();
}

この問題を掘り下げてくれてありがとう。 かなり前のことです。 :)はい、es5のポリフィルが必要なだけだと理解しました。

再度、感謝します！

targetがes5に設定されている場合、このポリフィルをコンパイルしますか？ つまり、コンパイルターゲットがes5に設定されているので、これはes5環境で機能するはずです。

ターゲットがes5に設定されている場合、このポリフィルをコンパイルしますか？

はい、ポニーフィルとして：rose ：： horse：

わからなくてごめんなさい。 ES6はObject.assignサポートしているため、BabelはそれをES5ターゲットのポリフィルに変換します。 TypeScriptが他のES6機能の場合と同じように機能しないのはなぜか、私は混乱しています。

@prashaantt TypeScriptはポリフィルを提供せず、仕様によるものです。 Object.assignまたは新しい標準によって追加されたその他のプリミティブ/メソッドを使用する場合は、次のいずれかを行う必要があります。

• （のようなポリフィルライブラリ使用コアJSを対応する）タイピング
• 機能が追加されたときに標準をターゲット（例えば"target": "es6"あなたの中にtsconfig.json ）

@ devoto13ありがとう、 core-jsはうまく機能します。

ばかげた質問がありました。 npm install ingとtypings install ing core-js後、ポリフィルされたメソッドのIntelliSenseを取得し始めます。 しかし、それらを使用しているすべてのモジュールに実際にこれらのメソッドをインポートする必要があります。そうしないと、コンパイルされたコードにポリフィルが含まれません。

@prashaantt core-js/shimが何かに必要になると、その時点からObject.assignがグローバルに利用できるようになります。 メインモジュール/エントリポイントの上部にimport 'core-js/shim';を配置することをお勧めします。

@jesseschalkenに感謝します。 フォローアップとして、 shim全体をインポートすると、バンドルが肥大化するのではないでしょうか。 それとも、 tscまたはts-loaderは、コードで実際に使用されているものだけを取得するのに十分賢いのでしょうか。

@prashaanttターゲットにしているブラウザによって異なります。 Object.assignがターゲットのブラウザでサポートされていないことはすでにご存知ですか？ 最も幅広いブラウザサポートが必要な場合は、バンドルにシム全体が必要です。

Object.assignのポリフィルのみが必要な場合は、 import 'core-js/modules/es6.object.assign';を追加し、必要に応じて追加することができます（リストについては、core-jsのshim.js参照してください）。ドキュメント）。 Webpackはrequireグラフに従い、必要なモジュールのみを含みます。

すでにBabelを使用している場合は、core-jsを直接使用するのでimport 'babel-polyfill';なく、 core-js/shimだけでなく、generators / async-await用のregenerator-runtimeれています。

ヒントをありがとうございますが、今は完全なジェネレーターをサポートする必要があります—文字通り2.0への最後のハードルです！

わからなくてごめんなさい。 ES6はObject.assignをサポートしているため、BabelはそれをES5ターゲットのポリフィルに変換します。 TypeScriptが他のES6機能の場合と同じように機能しないのはなぜか、私は混乱しています。

@prashaantt Babel _transpiles_ Object.assignとはどういう意味ですか？ それは単なる機能です。 ポリフィル、ポニーフィルを追加するか、自分で作成することができ、ES 3、5.1、6などの任意の環境で使用できます。

@aluanhaddad babelの機能についての私の理解は、ターゲットとしてes5を指定してObject.assignを使用すると、 Object.assignポリフィルが自動的に含まれ、使用しない場合は含まれません。 typescriptが「es2015のスーパーセット」であると主張しているので、typescriptが同じことをしたとしたら、それは素晴らしいことです。これは、古いターゲットにトランスパイルする機能を提供しない場合は実際には当てはまりません。 （私は間違っているかもしれませんが）

@ devoto13ターゲットが

あなたが説明した@kyleholzinger （ES5をターゲットにすることはObject.assignが利用できないことを意味します）はすでに動作しています。

@kyleholzinger確かにエラーをスローします。 次の2つのファイルでフォルダを作成する場合：

// test.ts
let t = Object.assign({}, {});

// tsconfig.json
{ "target": "es5" }

そして、その上でtscを実行します。 次のエラーが発生します。

$ tsc
test.ts(1,16): error TS2339: Property 'assign' does not exist on type 'ObjectConstructor'.

プロジェクトには、おそらくいくつかのポリフィルの型指定が含まれていますが、ポリフィルの実装は含まれていません。そのため、失敗します。

それが現在の行動だと理解しています。 私のポイントは、ターゲットをes5として指定する場合、typescriptが「コンストラクター上にない」以外に意味のあるエラーを表示するとよいということです。

@kyleholzinger FWIW、TypeScript 2.1はES6（ES7？）オブジェクトのレスト/スプレッドをサポートするようになったので、個人的にはObject.assignについて気にする理由が少なくなりました。 ネイティブジェネレーターを使用するということは、ほとんどのプロジェクトでポリフィルが必要ないことを意味します。

それは本当だ。 言語機能を省略しないのはいいことです。 Object.assignがブラウザに依存せず、polyfillを使用していない場合は、typescriptが警告を表示するのは素晴らしいことです。

tsconfigが正しく設定されている場合、TypeScriptは、最初にObjectでその関数名をオートコンプリートするオプションを提供しないことにより、<ES6でassignが使用できないことを警告します。 手で丹念に書き続けると、赤い波線が見えます。 これを無視すると、 tsc上記のエラーが発生します。 しかし、あなたがそれも故意に無視するならば、あなたは当然あなたの運命に値する。 ;）

そうです、私の唯一のポイントはes2015仕様にあるので、typescriptにする必要があります;）

es5をターゲットにしながら、ノードでObject.assignを使用するにはどうすればよいですか？ つまり、コードはブラウザではなくサーバー上で実行されます。 ポリフィルも使用しますか？

@johnbendi
これはノードのバージョンに依存します。つまり、すべてのポリフィル可能な機能の場合と同様に、ランタイムに依存します。

ランタイムがObject.assignサポートしているかどうかをテストする方法は次のとおりです

$ Node 
> Object.assign({ to: 'world' }, { message: 'Hello there!' })
{ to: 'world', message: 'Hello there!' }

上記が機能する場合は、tsconfig.jsonの"compilerOptions"."lib"プロパティに"es2017.object"を含めるだけです。

上記が失敗した場合は、TypeScriptで記述されたこのようなポリフィルを追加します。

// polyfill-object-assign.ts

if (typeof Object.assign !== 'function') {
  Object.assign = function (target, ...args) {

    if (!target) {
      throw TypeError('Cannot convert undefined or null to object');
    }
    for (const source of args) {
      if (source) {
        Object.keys(source).forEach(key => target[key] = source[key]);
      }
    }
    return target;
  };
}

そしてそれをインポートします

import './polyfill-object-assign';

また、ランタイムでサポートされている場合と同じ変更をtsconfig.jsonに加えます。

お役に立てば幸いです

@aluanhaddadは洞察に感謝します。 私のノードは、あなたが私に実行するように依頼した実験に基づいて、 Object.assignをサポートしています。 しかし、 "compilerOptions": { "lib": ["es2017.object"] }を追加した後でも、 squiggles取得します。 私はそれを無視するべきですか、それともそれをなくすために私ができることがありますか？

@aluanhaddadは気にしないでください。 今はうまく機能しています。

私が以前持っていた@aluanhaddad "compilerOptions": { "lib": ["es2017.object", "es6"] } 、私はなっていたとき、 squiggles 。 es6削除すると解決したようですが、gulpスクリプトを再実行すると、突然新しいエラーセットが生成されます。
私のtsconfig.json：

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "moduleResolution": "node",
        "lib": ["es2017.object"],
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "sourceMap": true,
        "inlineSources": true,
        //"noImplicitAny": true,
        "declaration": true,
        "noFallthroughCasesInSwitch": true,
        // "noImplicitReturns": true,
        "removeComments": true,
        "stripInternal": true,
        "outDir": "dist"
    },
    "files": ["src/main.ts"],
    "include": [
        "src/**/*.ts"
    ],
    "exclude": [
        "node_modules"
    ]
}

私の新しいエラーのサンプル：

error TS2318: Cannot find global type 'Array'.
error TS2318: Cannot find global type 'Boolean'.
error TS2318: Cannot find global type 'Function'.
error TS2318: Cannot find global type 'IArguments'.
error TS2318: Cannot find global type 'Number'.
error TS2318: Cannot find global type 'RegExp'.
error TS2318: Cannot find global type 'String'.
error TS2339: Property 'bind' does not exist on type '(message?: any, ...optionalParams: {}) => void'.
error TS2339: Property 'bind' does not exist on type '(message?: any, ...optionalParams: {}) => void'.
error TS2322: Type '{}' is not assignable to type
error TS2304: Cannot find name 'Promise'.

それで、あなたの推薦を使用して、それでもtypescriptを正しくコンパイルする方法はありますか？

@johnbendiはい、確かに。

使用私はあなたの要求の特異性のために特定のエントリ"es2017.object"を追加することを単に提案していました。
"lib": ["es6"]はもはや正しくなく、 "lib": ["es2015"]であるはずだと思います。
"lib": ["es2015", es2017.object"]または"lib": ["es2017"]試してください。

足りないのは、「私はes6ポリフィルを持っていて、それはあなたのビジネスタイプスクリプトではありません。私がそうしていると仮定してください」という明確な言い方だと思います:)。

なぜなら、 target: "es6"設定することでそれが可能になりますが、おそらく、ポリフィル不可能なes6機能を使用してコードを生成することもできます。

core-jsを明示的に要求すると、基本的にシミーが必要になります。TSが文句を言うため、シミービルドと非シミービルドを使用することはできません。

追加node_modules/typescript/lib/lib.es6.d.tsするfilesでtsconfig.jsonことを行いますが、...（私はそれを達成するための明確な方法が欠けたりしています？）...とてもきれいに見えません

@himdelはただ使用します

{
  "compilerOptions": {
    "lib": [
      "es2015"
    ]
  }
}

それは完璧に機能します-私は何ヶ月もそれをやっています。

または、必要なサブセット：

{
  "compilerOptions": {
    "lib": [
      "es2015.core",
      "es2016.array.include"
    ]
  }
}

私はまだこれを行う方法を理解することはできません。 target: "es5"がある場合、tscは常にObject.assignをポリフィルへの呼び出しに変換します。 libsを追加しても、私にとっては何も変わりません。

私の場合、矢印関数を通常の関数に変換したいのですが、 Object.assignやArray.includesなどの静的呼び出しはそのままにしておきます。

tscには、静的メソッドObject 、 Arrayなどのポリフィル機能ではなく、構文機能のみをトランスパイルするように指示するフラグが必要です。

ターゲットがある場合：「es5」tscは常にObject.assignをポリフィルへの呼び出しに変換します。

@danez TypeScriptは、 Object.assignへの呼び出しを変更しません。 Babelを介してコードを実行しているように聞こえますか？

@RyanCavanaughそうです。 Babelはこのプロセスに関与していません。
それがすることは基本的にこれを変換することです：

var a = Object.assign({}, {});

これに

var __assign = (this && this.__assign) || Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
            t[p] = s[p];
    }
    return t;
};
var a = _assign({}, {});

@danez実際の再現を投稿できますか？ コンパイラはそのコードを発行しませんでした

私はリポジトリを持っていませんが、これはtsconfigです：

{
  "compilerOptions": {
    "noImplicitAny": true,
    "strictNullChecks": true,
    "module": "ES2015",
    "target": "es5",
    "outDir": "js/lib/es"
  },
  "include": [
    "js/**/*.ts",
  ],
  "exclude": [
    "**/__tests__/**/*.ts"
  ]
}

それから私は単にtscと呼びます

@danez実際の再現を投稿する必要があるのではないかと思います。

C:\Throwaway\oat>type a.ts
var a = Object.assign({}, {});

C:\Throwaway\oat>type tsconfig.json
{
  "compilerOptions": {
    "noImplicitAny": true,
    "strictNullChecks": true,
    "module": "ES2015",
    "target": "es5",
    "outDir": "js/lib/es"
  },
  "include": [
    "*.ts",
  ]
}
C:\Throwaway\oat>tsc
a.ts(1,16): error TS2339: Property 'assign' does not exist on type 'ObjectConstructor'.

C:\Throwaway\oat>type js\lib\es\a.js
var a = Object.assign({}, {});

たぶん関連： https ：

@unionalは、正しく機能しているという点で。 コンパイラには構文サポートを提供するためのヘルパーがありますが、グローバルの機能を書き換えることはありません。 @danezそのヘルパーはTypeScriptコードではアクセスできません。

const foo = { foo: 'bar' };
const bar = { ...foo };

放出します：

var __assign = (this && this.__assign) || Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
            t[p] = s[p];
    }
    return t;
};
var foo = { foo: 'bar' };
var bar = __assign({}, foo);

Object.assign()が__assignに書き換えられる例を提供できるとは思いません。これは、オブジェクトスプレッドの構文サポートでのみ使用されます。

@kitsonkはい、オブジェクトスプレッドを使用していました。その通りです。 したがって、オブジェクトスプレッドが単純にObject.assign変換されると便利です

@danezは、 Object.assign()をサポートするものをターゲットにする場合です（たとえば、ターゲットはes2015 +です）。

たとえば、これは次のとおりです。

const foo = { foo: 'bar' };
const bar = { ...foo };

出力します：

const foo = { foo: 'bar' };
const bar = Object.assign({}, foo);

@kitsonkはい、わかっていますが、es5 _syntax_をターゲットにしており、すべてのES2017 +グローバルがcore-jsによってポリフィルされています。 したがって、私が言及しているのは、es5構文を出力するが、すべての組み込み関数が使用可能であると想定するモードです。 babelがuseBuiltinsオプションで行っていることと同様： https ：

一般に、「混合」ランタイムターゲットに特別なサポートを提供するために邪魔をすることはありませんが、他のオプションを利用できます。

__assignを（ __extendsなどの他のヘルパーと一緒に）グローバルスコープに挿入し、 --noEmitHelpersます。

はい、わかっていますが、es5_syntax_をターゲットにしています

これがObject.assignような機能をシミングしないことの主な問題だと思います。 どういうわけかスタンスを取る必要があります__assignスプレッドを使用するときはその使用法を

スプレッドを使用する場合はその使用法を__assignに置き換えることはできませんが、直接呼び出す場合はできません。地獄のように混乱します。

紛らわしいと感じていることは理解できますが、マントラを守ればそうではありません。TypeScriptは、機能的なポリフィルではなく、シンタティックな書き換えを提供します。 TypeScriptは、その動作に完全に一貫性があり、その動作について意見が分かれており、99％の確率でエンドユーザーに影響を与えません。

@RyanCavanaughが言うように、tslib 、 --noEmitHelpers加えて次のようなグローバルスクリプトを使用して活用することができます。

__assign = Object.assign;

しかし、それは本当に「ボーナスラウンド」のTypeScriptであり、実際の測定可能なパフォーマンスの向上をもたらすと主張できます。