オブジェクトリテラルを出力する方法と定義の利点
1.オブジェクトリテラルを出力するには、従来の2つの方法があります。 '、および配列法ですが、配列メソッドに出力する場合、四角いブラケットを引用符で囲む必要があります。
var box = {name: 'abc';年齢:28}; alert(box ['name']);オブジェクトのメソッドを定義し、
A:オブジェクトを定義する従来の方法を使用する場合は、最初にメソッドを定義してから、メソッド名をオブジェクトの属性に割り当てる必要があります。ブラケットなしでこのメソッドを呼び出す場合は、メソッドコードを返します。このメソッドを呼び出して、オブジェクト属性にブラケットを追加する場合は、メソッドの返品値を取得します。
function objrun(){return '123';} var box = new object(); box.name = 'abc'; box.age = 28; box.run = objrun; alert(box.run()); //結果は123 // alert(box.run)です。 //結果はfunction objrun(){return '123'; } // if box.run = objrun(); // alert(box.run); //結果は123です。ブラケットが含まれている場合、エラーが報告されますB:文字通りの価値で定義します。オブジェクトのプロパティに関数を直接書き込むだけです。この関数に関数名はありません。それは匿名の関数です。では、この方法をどのように呼びますか?オブジェクトのプロパティ名を使用して、上記と同じようにメソッドを呼び出します。
のように:
var box = {name: 'abc'、age:28、run:function(){return '123'; }} alert(box.run());2。オブジェクトリテラルの定義は、多数の関数パラメーターを1つずつ出力する必要がある状況を簡単に解決できます。彼の対策は、オブジェクトを関数に渡すことであり、このオブジェクトは文字通りの方法で定義されます。関数は単なるコードであり、実行するために呼び出される必要があるため、対応する属性と値の方法は一目ではっきりと理解できます。
のように:
function aa(obj){alert(obj.name); alert(obj.age);} var obj = {name: 'abc'、age:28} aa(obj);JSオブジェクトリテラルデモ
/** * @author zhanghua */var literal = {add:function(){alert( "add"); }、del:function(){alert( "delete"); }、update:function(){alert( "update"); }、name: "zhangsan"、callliteral:function(){//現在のリテラルオブジェクトへの呼び出しについては、このキーワードthis.add(); }};HTMLファイル:
<?xml version = "1.0" encoding = "utf-8"?> <!doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd" xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> literal - literal </> <text/<script = "/javascript" "" "" src = "jslib/literal.js"> </script> </head> <body> <input = "button" value = "and" onclick = "javascript:literal.add()"/> <入力タイプ= "ボタン"値 "value =" delete "onclick =" javascript:literal.del() "/>> <input =" "value =" "button =" onclick = "literal.update()"/> <input type = "button" value = "name" onclick = "javascript:alert(literal.name)"/> <input = "button" value = "update" onclick = "literal.update()"/> <入力タイプ= "ボタンtype = "button" value = "name" onclick = 'javascript:alert(literal ["name"])' "/> <入力タイプ=" button "value =" caller "onclick = 'javascript:literal.calllital()'"/> </body> </html>
上記は、この記事のコンテンツ全体です。 JavaScriptの詳細については、「JavaScriptリファレンスチュートリアル」と「JavaScriptコードスタイルガイド」をご覧ください。また、誰もがwulin.comをもっとサポートすることを願っています。