JavaScriptのGlobalオブジェクト eval() メソッドの使い方メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのGlobalオブジェクトとは？
グローバルオブジェクトはどこでも利用可能な変数と関数を提供し、デフォルトで言語や環境に組み込まれています。
それでは、次に本題の説明に移ります。
JavaScriptのGlobalオブジェクト eval() メソッドの使い方概要
eval() メソッドは、文字列をJavaScriptコードとして評価し、その結果を返します。
構文、使い方
構文：eval(string)
使い方：eval() メソッドは、文字列を JavaScript のコードとして評価します。文字列を引数として渡すと、その文字列を JavaScript のコードとして実行します。
引数について
eval() メソッドの引数として、JavaScriptのコードを文字列として渡すことができます。
返り値について
eval() メソッドは、文字列をJavaScriptコードとして評価して、その結果を返します。
このメソッドを利用した便利なテクニック
eval() メソッドを使うと、文字列として渡されたJavaScriptコードを実行することができます。
これは、動的にJavaScriptコードを生成して実行するときに便利なテクニックとなります。
現場で実際にどのように使われているか
eval() メソッドは、文字列をJavaScriptコードとして評価するために使用されます。
例えば、サーバーから受信した文字列をJavaScriptコードとして実行するために使用されることがあります。
JavaScriptのGlobalオブジェクト eval() メソッドの使い方と一緒によく使われる処理
eval() メソッドは、文字列をJavaScriptコードとして評価するために使用されます。
そのため、eval() メソッドを使用して、外部から受け取った文字列をJavaScriptコードとして実行することができます。
これは、外部から受け取ったデータを安全に処理するためによく使用されます。
使用する上での注意点
– eval() メソッドは、文字列をJavaScriptコードとして実行するため、悪意のあるコードを実行させる可能性があるため、使用する際は十分な注意が必要です。
– eval() メソッドを使用すると、性能が低下する可能性があるため、可能な限り使用を控えるべきです。
JavaScriptのGlobalオブジェクト eval() メソッドの使い方と似た処理のJSメソッド、違い
Functionコンストラクターと似ていますが、下記の違いがあります。
- Functionコンストラクターは新しい関数を作成します
- eval()メソッドは文字列を評価して実行します
JavaScriptのGlobalオブジェクト eval() メソッドの使い方を使ったサンプルコードの紹介
eval()メソッドの使い方サンプル1
|
1 2 3 |
// 文字列を評価して実行 let str = 'console.log(""Hello World!"");'; eval(str); |
eval()メソッドの使い方サンプル2
|
1 2 3 4 5 6 7 |
// 複数行の文字列を評価して実行 let str = ` let a = 10; let b = 20; console.log(a + b); `; eval(str); |
JavaScript Numberオブジェクトの他メソッドについて
JavaScriptのGlobalオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください
| メソッド名 | 機能 | リンク |
| decodeURI() | URIを解読します | JavaScriptのGlobalオブジェクト decodeURLメソッドの使い方 |
| decodeURI Component() |
URIコンポーネントをデコードします | JavaScriptのGlobalオブジェクト decodeURLメソッドの使い方 |
| encodeURI() | URIをエンコードします | JavaScriptのGlobalオブジェクト encodeURIメソッドの使い方 |
| encodeURI Component() |
URIコンポーネントをエンコードします | JavaScriptのGlobalオブジェクト encodeURIcomponentメソッドの使い方 |
| escape() | 非推奨。代わりに使用： encodeuri（） encodeuricomponent（） |
JavaScriptのGlobalオブジェクト escapeメソッドの使い方 |
| eval() | 文字列を評価し、スクリプトコードのように実行する | JavaScriptのGlobalオブジェクト evalメソッドの使い方 |
| isFinite() | 値が有限の法的番号であるかどうかを判断します | JavaScriptのGlobalオブジェクト isFiniteメソッドの使い方 |
| isNaN() | 値が違法な数であるかどうかを決定します | JavaScriptのGlobalオブジェクト isNaNメソッドの使い方 |
| Number() | オブジェクトの値を数値に変換します | JavaScriptのGlobalオブジェクト Numberメソッドの使い方 |
| parseFloat() | 文字列を解析し、フローティングポイント番号を返します | JavaScriptのGlobalオブジェクト parseFloatメソッドの使い方 |
| parseInt() | 文字列を解析し、整数を返します | JavaScriptのGlobalオブジェクト parseIntメソッドの使い方 |
| String() | オブジェクトの値を文字列に変換します | JavaScriptのGlobalオブジェクト Stringメソッドの使い方 |
また、JavaScriptの公式ドキュメントであるMDNで記載されているGlobalオブジェクトのevalメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
