>  기사  >  웹 프론트엔드  >  Javascript 참고 사항 1 js 및 json 기본 사용 지침_javascript 기술

Javascript 참고 사항 1 js 및 json 기본 사용 지침_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:26:41832검색

JavaScript의 코드는 함수라는 한 가지 형태로만 반영됩니다.

참고: 위 단어는 모두 소문자입니다. 숫자, 문자열, 객체, 함수 등과 같은 JavaScript 내장 함수와 혼동하지 마십시오. JavaScript 언어는 대소문자를 구분합니다.

typeof(null)은 객체를 반환하지만 null은 객체가 아닙니다.

JavaScript 코드에는 함수라는 한 가지 형식만 있으며, 함수는 함수 유형입니다. 함수는 "정의" 방식과 "변수" 방식으로 작성될 수 있습니다.

정의된 함수문이 먼저 실행됩니다. 함수 정의가 실행된 후에는 다른 명령문 코드가 순차적으로 실행됩니다.

다음 코드를 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다.

var myfunc = function ()
{
alert("hello");
};
myfunc(); //myfunc가 처음 호출되면 hello를 출력합니다.
myfunc = function ()
{
alert("yeah");
};
myfunc() //myfunc에 대한 두 번째 호출은 yes를 출력합니다


이 프로그램을 실행한 결과는 함수를 처음 호출한 후 함수 변수에 새 함수 코드 본문이 할당되어 함수가 두 번째 호출될 때 다른 출력이 발생함을 알려줍니다.

자, 위의 코드를 정의된 함수 형식으로 변경해 보겠습니다.

코드 복사 코드

function myfunc ()
{
alert("hello")
}
myfunc(); hello 대신 yeah 출력
function myfunc ()
{
alert("yeah")
}
myfunc(); 물론 여기서는 출력 yeah


정확히 동일한 서명을 가진 두 함수가 다른 프로그래밍 언어에서는 불법이어야 한다는 것은 당연한 일입니다. 하지만 JavaScript에서는 이것이 사실입니다. JavaScript 실행 엔진은 프로그램을 한 줄씩 분석하고 실행하는 것이 아니라, 한 줄씩 분석하고 실행합니다. myfunc을 처음 호출하기 전에 첫 번째 함수 문으로 정의된 코드 논리를 두 번째 함수 정의 문으로 덮어썼습니다. 따라서 두 호출 모두 마지막 함수 논리를 실행합니다.

객체 생성

코드 복사 코드는 다음과 같습니다.

< ;script type="text/javascript">
function test() {
var bo = {}; //객체 생성
bo.name = "Zhang San" // 객체 중 하나 Attribute
bo.age = 18;
bo.showInfo = function() { Alert(bo.Name" " bo.Age) }; //객체의 메서드
alert (bo["Name "]); //객체를 배열로 사용할 수 있고 속성 이름을 첨자로 사용하여 속성에 액세스할 수 있습니다.
bo["showInfo"]() //객체를 다음과 같이 사용할 수 있습니다. 배열을 만들고 메서드 이름을 아래 첨자로 사용하여 메서드를 호출합니다
//객체의 모든 속성과 메서드를 탐색하고 해당 유형을 출력합니다.
for (var s in bo) {
alert(s " is " typeof (bo[s]));
}
}



JSON은 객체를 생성하는 매우 간단한 방법인 JavaScript 객체 표기법을 제공합니다. (약칭 JSON)을 중국어로 번역하면 "JavaScript Object Notation" Law입니다.

속성 없이 객체 생성:
var o = {}

객체 생성 및 속성과 초기 값 설정:
var person = {name: "Angel " , 연령: 18, 결혼: false};

객체 생성 및 속성과 메서드 설정:
var Speaker = {text: "Hello World", say: function(){alert(this.text )}};

더 복잡한 객체 생성, 다른 객체 및 객체 배열 중첩 등:
코드 복사 코드는 다음과 같습니다:

var company =
{
name: "Microsoft",
product: "softwares",
회장: {name: "Bill Gates", 나이: 53세, 기혼: true},
직원: [{이름: "Angel", 나이: 26, 기혼: false}, {이름: "Hanson", 나이: 32, Marred: true }] ,
readme: function() {document.write(this.name " product " this.product);}
};

JSON 형식은 중괄호 "{}"로 묶인 항목 목록이며, 각 항목은 쉼표 ","로 구분되며, 항목은 콜론 ":"으로 구분된 속성 이름과 속성 값입니다. ". 이는 전형적인 사전 표현이며 JavaScript의 객체가 사전 구조임을 다시 한 번 보여줍니다. 아무리 복잡한 객체라도 JSON 코드로 생성하고 할당할 수 있습니다.

사실 JSON은 XML보다 더 간결하고 공간을 절약하는 최고의 JavaScript 객체 형식입니다. 객체를 JSON 형태의 문자열로 활용하여 네트워크 간 정보를 자유롭게 전송하고 교환할 수 있습니다. 이 JSON 문자열을 JavaScript 개체로 변환해야 하는 경우 강력한 디지털 변환 엔진인 eval 함수만 사용하면 JavaScript 메모리 개체를 즉시 얻을 수 있습니다. 그녀가 AJAX 무대에서 눈부신 스타가 된 것은 바로 JSON의 소박하고 소박한 자연미 때문이다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.