>웹 프론트엔드 >JS 튜토리얼 >JavaScript Language_javascript 기술의 리터럴 구문 기능 분석

JavaScript Language_javascript 기술의 리터럴 구문 기능 분석

WBOY
WBOY원래의
2016-05-16 19:17:41944검색

我刚开始学习JavaScript的时候,老是会被JavaScript里的一些莫名其妙的语法形式搞的糊里糊涂的。而且也不知道到底它支持了多少那些莫名其妙的语法形式?现在通过这个几个月的深入了解,算是把它们弄得比较清楚了,所以下面就来说说JS的Literal Syntax特性。

    JavaScript语言的文本化的特性?My God,难道有哪门语言的编写不是使用文本吗?不使用文本还能用啥?用意识流吗?真是faint哈。

    虽然我们的每种语言都使用文本来表示,说远点asm是文本的吧,BASIC是文本的吧,C/C++、C#、java啥的都是文本吧。这没有错,它们的语言表达都是文本形式,可是它们却不能使用文本来表示所有内容。简单类型比如数字啊字符串啊还行,但是C#或Java可以用文本表示一个对象实例吗(不是用一堆定义语句,然后再new个对象实例哦)?显然是不行的,然而JavaScript却提供了对所有数据类型包括复杂对象的文本化书写方式。

    我们编写JS常用的数据类型包括:Number、Boolean、String、Array、Function和Object。其中这里面的Number、Boolean和String属于简单类型,文字方式书写是它们的基本方式,如果用new xxx()来定义反而会让人觉得是脱裤子打屁。 

JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 Number: var i = 100; i = 100.11;
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 Boolean: 
var b = true; b = false;
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 String: 
var str = 'this is a string.';


    对于复杂数据类型,函数、数组和对象我们怎么办呢?函数不用说了,都是以文本方式定义的。下面就看看数组和对象是怎么表示的吧。假如我们有一个数组:

JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 var ary = new Array(6);
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 ary[
0= null;
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 ary[
1= 1;
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 ary[
2= 'string';
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 ary[
3= true;
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 ary[
4= function()
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 {
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석     
return 'keke';
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 };
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 ary[
5= new MyObject();


    我们使用文本方式(也就是我们平时说的初始化方式)来写这个数组它将是:

JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 var ary1 = [null1, 'string', truefunction(){return 'keke';}, new MyObject()];JavaScript Language_javascript 기술의 리터럴 구문 기능 분석


    比上面精简的多吧?而且这里数组的文本化方式还可以写的远比这复杂的多,比如:

   var ary2 = []; //空数组,相当于 new Array();
   var ary3 = [1,[2,[3,[4,[5,[6,[7,[8,[9,[0]]]]]]]]]];


    第三个ary3是啥数组,我也不知道了@_@。

    不对呀,怎么ary[5]是new MyObject()呢?哦,不好意思,我们再来把MyObject示例一下,假如它被定义为:

JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 function MyObject()
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 {
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석     
this.Properties1 = 1;
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석     
this.Properties2 = '2';
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석     
this.Properties3 = [3];
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석    
this.toString = function()
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석     {
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석          
return '[class MyObject]';
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석     };
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 }
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 MyObject.prototype.Method1 
= function()
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 {
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석     
return this.Properties1 + this.Properties3[0];
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 };
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 MyObject.prototype.Method2 
= function()
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 {
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석     
return this.Properties2;
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 };JavaScript Language_javascript 기술의 리터럴 구문 기능 분석


그렇다면 var obj = new MyObject()에 어떻게 문자를 보낼까요? 실제로 obj의 텍스트 정의는 다음과 같습니다.

JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 var obj =
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 {
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 속성1 :
1, 속성2 : '2', 속성3 : [3],
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 방법1:
함수(){ return this.Properties1 .Properties3[0];},
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 방법2:
함수(){ 반환 이것.Preperties2 }
JavaScript Language_javascript 기술의 리터럴 구문 기능 분석 };


이 클래스 인스턴스의 직접적인 텍스트 정의는 간소화되지는 않았지만 나쁘지 않습니다. 이러한 방식으로 이 텍스트 클래스 인스턴스를 사용하여 ary의 new MyObject()를 대체할 수 있습니다. 클래스 인스턴스의 텍스트 정의 구문은 "{}" 쌍을 사용하여 클래스를 나타내는 것입니다. 즉, "{}"는 "new Object()"와 완전히 동일합니다. 그런 다음 "{}" 내에서 "키:값"을 눌러 속성과 메서드를 구성합니다. 키는 임의의 문자 조합([A-Za-z0-9_])일 수 있으며, @_@로 시작하는 숫자도 가능하고 값도 가능합니다. 텍스트 JavaScript 데이터, 마지막으로 각 키-값 쌍은 ","로 구분됩니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.