ホームページ  >  記事  >  ウェブフロントエンド  >  Javascript メモ 1 js と json の基本的な使い方_javascript スキル

Javascript メモ 1 js と json の基本的な使い方_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 18:26:41832ブラウズ

JavaScript のコードは、関数という 1 つの形式にのみ反映されます。

注: 上記の単語はすべて小文字です。数値、文字列、オブジェクト、関数などの JavaScript 組み込み関数と混同しないでください。JavaScript 言語では大文字と小文字が区別されます。

typeof(null) はオブジェクトを返しますが、null はオブジェクトではありません。

JavaScript コードには関数という形式が 1 つだけあり、関数は関数の型です。関数は「定義」と「変数」の方法で記述できます。

定義された関数ステートメントが最初に実行されます。関数定義が実行された後、他のステートメントコードが順番に実行されます。

次のコードを見てみましょう:

コードをコピーします コードは次のとおりです:

var myfunc = function ()
{
alert("hello")
}; // myfunc が初めて呼び出されたとき、hello を出力します。
myfunc = function ()
{
alert("yeah")
}
myfunc(); //myfunc の 2 回目の呼び出しでは、yes

が出力されます。

このプログラムを実行した結果は、関数への最初の呼び出しの後、関数変数に新しい関数コード本体が割り当てられ、関数が 2 回目に呼び出されたときに異なる出力が発生することを示しています。

さて、上記のコードを定義された関数形式に変更しましょう:


function myfunc ()
{
alert("hello");
myfunc(); hello の代わりに、yes を出力します。
function myfunc ()
alert("yeah")
}; //myfunc() をここで呼び出します。もちろん、yes を出力します。 🎜 >


まったく同じシグネチャを持つ 2 つの関数が他のプログラミング言語では違法であるのは当然です。しかし、JavaScript ではこれが当てはまります。 JavaScript 実行エンジンはプログラムを 1 行ずつ解析して実行するのではなく、プログラムを部分的に解析して実行します。初めて myfunc を呼び出す前に、最初の関数ステートメントによって定義されたコード ロジックは、2 番目の関数定義ステートメントによって上書きされています。したがって、両方の呼び出しで最後の関数ロジックが実行されます。

オブジェクトの作成





コードをコピー
コードは次のとおりです: < ;script type="text/javascript"> function test() { var bo = {}; // オブジェクトを作成します
bo.name = "Zhang San";オブジェクトの 1 つ Attribute
bo.age = 18;
bo.showInfo = function() {alert(bo.Name" " bo.Age) }; (bo["Name "]); //オブジェクトを配列として使用し、プロパティ名を添字として使用してプロパティにアクセスできます
bo["showInfo"](); //オブジェクトを次のように使用できます。配列を取得し、メソッド名を添字として使用してメソッドを呼び出します
//オブジェクト内のすべてのプロパティとメソッドを走査し、その型を出力します。
for (var s in bo) {
alert(s " is " typeof (bo[s]));
}
}




JSON は、JavaScript オブジェクト表記法を提供します。 (略称 JSON)、中国語訳は「JavaScript オブジェクト表記法」です。

プロパティなしでオブジェクトを作成します:
var o = {};

オブジェクトを作成し、プロパティと初期値を設定します:
var person = {name: "Angel " 、年齢: 18、既婚: false};

オブジェクトを作成し、プロパティとメソッドを設定します:
var Speaker = {text: "Hello World",say: function(){alert(this.text )}};

より複雑なオブジェクトを作成し、他のオブジェクトやオブジェクト配列などをネストします:




コードをコピー

コードは次のとおりです: var company = { name: "Microsoft", product: "softwares",
chairman: {name: 「ビル・ゲイツ」、年齢: 53、既婚: true}、
従業員: [{名前: "エンジェル"、年齢: 26、既婚: false}、{名前: "ハンソン"、年齢: 32、既婚: 真}] ,
readme: function() {document.write(this.name " product " this.product);}
};

JSON の形式は、中括弧 "{}" で囲まれた項目のリストであり、各項目はカンマ "," で区切られ、項目は属性名と属性値をコロン ":" で区切ったものになります。 」。これは典型的な辞書表現であり、JavaScript のオブジェクトが辞書構造であることを再度示しています。オブジェクトがどれほど複雑であっても、JSON コードを使用して作成して割り当てることができます。

実際、JSON は JavaScript オブジェクトの最適なシリアル化形式であり、XML よりも簡潔でスペースを節約できます。オブジェクトを JSON 形式の文字列として使用して、ネットワーク間で情報を自由に送信および交換できます。この JSON 文字列を JavaScript オブジェクトに変換する必要がある場合は、強力なデジタル変換エンジンである eval 関数を使用するだけで、すぐに JavaScript メモリ オブジェクトを取得できます。 JSON の素朴で自然な美しさがあるからこそ、彼女は AJAX の舞台でまばゆいばかりのスターとなるのです。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。