JavaScriptとJScriptの比較を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptとJScriptの比較について解説しています。JScriptはマイクロソフト社が提供するスクリプト言語です。JavaScriptとJScriptそれぞれの特徴、基本の書き方と違い、使い分け方について学びましょう。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

JavaScriptとJScriptの比較について、TechAcademyのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。

 

そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まるでしょう。

 

なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね!

大石ゆかり

どういう内容でしょうか?

田島悠介

JavaScriptとJScriptの比較について詳しく説明していくね!

大石ゆかり

お願いします!

 

JScriptとは

JScriptとは、マイクロソフト製のプログラム言語です。

ブラウザのインターネットエクスプローラーに搭載したJavaScriptとECMAScriptに対して互換性を持ちます。

また、JavaScriptはプラットフォームをブラウザとして動作させるプログラム言語として定番になりました。

マイクロソフトのインターネットエクスプローラーだけはJavaScriptではなく、独自開発のJScriptが搭載されています。

 

JavaScriptとJScriptの比較

代表的な相違点としては、イベントが発生する度に実行させる処理を設定するための関数とその引数が異なります。

また、クラスの名前を抽出条件として、その対象の要素群を配列に格納するための関数がJScriptにはありませんでした。

JScriptブラウザから非同期の通信を実現するためのコンストラクタの名前や引数がインターネットエクスプローラーのバージョン毎によって異なっています。

以下は、JavaScriptとJScriptのコード例です。

 

JavaScript

イベントリスナー

document.addEventListener(引数1, 引数2, 引数3);

 

クラスの名前による要素の抽出関数

document.getElementsByClassName(引数1, 引数2);

 

通信用のオブジェクトのコンストラクタ

new XMLHttpRequest();

JScript

イベントリスナー

document.attachEvent(引数1, 引数2);

 

通信用のオブジェクトのコンストラクタ

new ActiveXObject("MSXML2.XMLHTTP");

 

[PR] JavaScript・jQueryで挫折しない学習方法を動画で公開中

JavaScriptとJScriptの使い分け

function関数は、関数の名前やその関数に代入が可能な引数の差異を補完するための関数を定義します。

この関数を経由することで、JavaScriptとJScriptのプログラムが処理されるまでの手続きや戻り値が統一されるとともに、処理が正常になります。

以下、イベントリスナーのサンプルコードです。

var addEvent = function (eventObj, event, eventHandler) {


  if (eventObj.addEventListener) {
    eventObj.addEventListener(event, eventHandler, false);
  } else if (eventObj.attachEvent) {
    event = "on" + event;
    eventObj.attachEvent(event, eventHandler);
  }
}

かつてのJavaScriptによるプログラムの処理には、クロスブラウザと呼ばれる処理を書き連ねることが多く、これらの処理があらかじめ備わっているjQueryが大流行しました。

 

執筆してくれたメンター

井内洋平

TechAcademyの現役メンター。

元Web Developerで、趣味は貯金、節税対策、投資信託、株式投資、FXなど多岐にわたる。

 

大石ゆかり

JavaScriptとJScriptの違いがよくわかったので良かったです!

田島悠介

ゆかりちゃん、これからも分からないことがあったら質問してね!

大石ゆかり

分かりました。ありがとうございます!

TechAcademyでは、初心者でも最短4週間でJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、参加してみてください。