typescript basic #4 export と import について

引き続き、typescriptを学んでいきます!
今回は、export とimport について
export とimport について
external.ts
export const memberName = "tanaka";
export することで他のファイルで使用できるようになります。
import { memberName } from "./external"; console.log(memberName);
import でエクスポートされた要素を読み込むことで使用できます。
export function add(num1: number, num2: number): number { return num1 + num2; } export default class Human { name: string; age: number; constructor(name: string, age: number) { this.name = name; this.age = age; } }
関数やクラスもexport できます。
import { add, Human } from "./external"; console.log(add(4, 2)); let human = new Member('suzuki', 20); console.log(human.name, human.age)
import はこんな感じですね。
export default について
export const memberName = "tanaka"; export function add(num1: number, num2: number): number { return num1 + num2; } export default class Human { name: string; age: number; constructor(name: string, age: number) { this.name = name; this.age = age; } }
export に対して、default と設定することができます。
今回はHuman にdefault 設定してみました。
default 設定した要素をimport するときは、
import Human, { memberName, add } from "./external";
{ } の外に宣言する必要があります。
また、default でexport されたものに関しては、同じ名前ではなく、
他の名前でimport することも可能です
import Member, { memberName, add } from "./external";
Member という名前でHumanクラスをimport してみました。
defualt 設定は、1ファイルにつき1つまで設定することができないのは注意
関数の型について学びたい方はこちら
typescriptのコンパイル方法から学びたいかたはこちら。
現場で働けるエンジニア育成プラン
未経験からエンジニアに転職したいと考えている人を対象にレッスンを行っております。
私は29歳未経験からエンジニアに転職しました。 それまではミュージシャンを目指して音楽活動ばかり。 社会人としての経験はゼロでした。 エンジニア転職を決めたきっかけは、 その当時、ミュージシャンという職に対して将来的に希望がもてず、お金もなく、副業でやっていた物販にも失敗し、借金も1000万オーバー。 まさに人生のどん底で、そんなときに次の人生のステージとしてプログラミングという世界を選択しました。 あれから、数年。 今ではフリーランスとして仕事ができており、 収入もあの頃の数倍にまでなり、借金も返済できました。 エンジニア転職で人生が変わったといっても過言ではありません。 ただ、エンジニアに転職してからの時期は、困難の連続でした。 とくに最初の1−2年は、わからないことだらけで、本当にハゲるかと思うくらい苦しく、 実際に1年半後には適応障害になり、体を壊してしまいました。 プログラマーという職はタフな仕事です。 これからエンジニアを目指される方には、少しでも現場で苦労してほしくないという気持ちで、プログラミングのレッスンをしております。 私のレッスンではPHPを基本的なところからしっかりと学習していただいております。 これからPHPを使ってバックエンドエンジニアになりたい方には、大変おすすめのレッスン内容になっております。 レッスンはマンツーマン形式を採用しており、しっかりとメンティーさんお一人お一人に対して、丁寧にコードレビューをして、 プログラミングの基礎をしっかりと身につけていただきます。 出題する問題には回答は用意しておらず、ご自身がしっかりとロジックを考えることを最大限重視しています。 また現場基準でコードレビューをしっかりおこなっておりますので、悪いクセがつくことを防ぎます。 PHPを基礎からしっかりと学習したい、Webエンジニアとして転職を考えているということでしたら、私のレッスンはおすすめできます。 実際の実績としても、 30代での転職成功者も多数! 未経験から機械学習エンジニアに転職成功! MENTAでは圧倒的に高評価のレビューをいただいております。 エンジニアに転職して、人生を変えたい 再チャレンジしたい と思っている方 もしかするとお力になれるかもしれません。 まずはお気軽にご相談ください。
-
前の記事
typescript basic #3 関数の型について 2021.03.25
-
次の記事
typescript basic #5 配列について 2021.04.01