객체 리터럴을 출력하는 방법 및 정의의 이점
1. 객체 리터럴을 출력하는 두 가지 방법이 있습니다 : 전통. ', 배열 방법, 그러나 배열 방법에서 출력 할 때는 정사각형 브래킷을 따옴표로 둘러싸여야합니다.
var box = {이름 : '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. 객체 리터럴의 정의는 많은 함수 매개 변수를 하나씩 출력 해야하는 상황을 쉽게 해결할 수 있습니다. 그의 대응은 객체를 함수에 전달하는 것이며,이 객체는 문자 그대로 정의됩니다. 해당 속성 및 값 방법은 함수가 단지 코드 일 뿐이며 실행되도록 호출되어야하기 때문에 한눈에 명확하게 이해할 수 있습니다 .
좋다:
함수 aa (obj) {alert (obj.name); alert (obj.age);} var obj = {이름 : '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/xhtml1/dtd/xhtml1-transital.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> <title> literal--literal </title> <cript type = "text/javascript" src = "jslib/literal.js"> </script> </head> <body> <입력 유형 = "버튼"value = "add"onclick = "javaScript : literal.add ()"/> <입력 유형 = "value"value = "delete"onclick = "javaScript : value ="value = ""버튼 " onclick = "literal.update ()"/> <input type = "button"value = "name"onclick = "javaScript : alert (riteral.name)"/> <입력 유형 = "value ="value "onclick ="value = "value ="name "onclick ="javascript : riteral.update () "/> <input type ="value = "name). type = "button"value = "name"onclick = 'javaScript : alert (literal [ "name"])') "/> <입력 유형 ="value "value ="caller "onclick = 'javaScript : literal.callleral ()'/> </body> </html>
위는이 기사의 전체 내용입니다. JavaScript에 대한 자세한 내용은 "JavaScript 참조 자습서"및 "JavaScript Code Style Guide"를 확인하십시오. 또한 모두가 wulin.com을 더 지원하기를 바랍니다.