Ecmascript基础

1,053 views

Published on

ecmascript,javascript

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,053
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
20
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Ecmascript基础

  1. 1. 新业务新人培训课程计划<br />《ECMAScript基础》<br /> F2E 霸先<br />
  2. 2. ECMAScript历史<br />ECMAScript描述<br />ECMAScript主要术语<br />ECMAScript内部属性<br />ECMAScript组成<br />ECMAScript对象描述<br />JSON<br />
  3. 3. ECMAScript历史<br />ECMAScript描述<br />ECMAScript主要术语<br />ECMAScript内部属性<br />ECMAScript组成<br />ECMAScript对象描述<br />JSON<br />
  4. 4. ECMAScript[ek - ma - script] <br />
  5. 5. Javascript历史<br />1992年,Nombas公司开发了一种名叫C-minus-minus(Cmm)的嵌入式脚本语言<br />Cmm被打包到共享软件CEnvi中,Nombas公司将Cmm更名为ScriptEase<br />Netscape Navigator开始流行,Nomas公司开发了可以嵌入到网页中的CEnvi版本,这种嵌入CEnvi的早起试验性网页被叫做Espresso Pages(浓咖啡版网页),这就是www上首次使用脚本语言的标志。<br />1995年2月,Netscape发布Netscape Navigator 2,Brendan Eich开发了LiveScript,为了赶工Netscape和Sun结成同盟,为了搭java的顺风车,把LiveScript改名为javascript<br />Javascript 1.0大获成功,Netscape在Netscape Navigator 3中发布Javascript 1.1 <br />微软在Internet Explorer 3中加入名为Jscript的javascript<br />Javascript 1.1、Jscript、CEnvi三种版本并存,没有标准,javascript标准化推上日程<br />
  6. 6. ECMA-262诞生<br />1997年,以javascript 1.1为蓝本的建议被提交给了欧洲计算机制造商协会ECMA(European Computer Manufacturers Association)<br />ECMA指定39号技术委员会(TC39,Technical Committee #39)负责“标准化一种通用、跨平台、供应商中立的脚本语言的语法和语义”(http://www.ecma-international.org/memento/TC39.htm)。<br />TC39经过数月努力完成了ECMA-262(ECMAScript的标准)<br />1998年4月,ISO/IEC JTC 1采用了ECMAScript作为标准(ISO/IEC 16262),之后一直简称ECMA-262,目前发展到第五版。<br />
  7. 7. 目前ECMA-262实现<br />目前大部分浏览器实现的是第三版<br />
  8. 8. ECMAScript历史<br />ECMAScript描述<br />ECMAScript主要术语<br />ECMAScript内部属性<br />ECMAScript组成<br />ECMAScript对象描述<br />JSON<br />
  9. 9. ECMA-262语言描述<br />ECMAScript最初的设计是一种网页脚本语言。 <br />脚本语言是一种编程语言,可用来操作、自定义、自动化现有系统中的设备。<br />在某些系统中,一些可用的功能是可以通过用户接口来使用的。而脚本语言,就是将这些功能暴露给编程人员进行控制的机制。这样的系统,我们可以 说,它们为我们提供了一个运行脚本语言的宿主环境。脚本语言是专门给专业和非专业的编程人员使用的,为了适应非专业的程序员,有些方面多少有些不太严格。脚本语言与宿主环境是两个不同的主体,比如,浏览器就为ECMAScript提供了一个宿主环境,BOM和DOM则都是浏览器提供的功能,而各种基于 ECMA262实现的脚本语言,如JavaScript,Jscript等,都可以为我们提供对BOM和DOM的操作方法。因为宿主环境的不同,它们提供 的功能也不尽相同,这也是我们知道的,不同的浏览器中会有不同的BOM和DOM的属性和方法。<br />
  10. 10. ECMA-262语言描述<br />ECMAScript是基于对象(object-based)的编程语言,在宿主环境中执行计算或操作对象。ECMAScript程序就是一个 对象间交互通信的聚合。 在ECMAScript中,“对象”(object)的properties是一个无序的集合,properties 是一个容器,可以包含其他的对象,原始值(primitive values)或方法(methods)。原始值属于下列“内置类型”(built-in types)中的一员:Undefined, Null, Boolean, Number和String,“对象 ”则是内置类型:Object,“方法”是一个透过property关联到对象的函数。 <br />
  11. 11. ECMA-262语言描述<br />ECMAScript定义了“内置对象”(built-in objects),以使ECMAScript实体更为完善。这些内置对象包括:Global对象,Object对象, Function对象,Array对象,String对象,Boolean对象,Number对象,Math对象,Date对象, RegExp对象和错误对象: Error,EvalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError。 <br />ECMAScript还定义了“内置操作符”或者说是“函数”或“方法”。ECMAScript操作符包括了各种一元运算符、乘除运算符、加减法运算符、位移运算符、关系运算符、相等运算符、二元运算符、二元逻辑运算符、分配运算符和逗号运算符。 <br />ECMAScript的语法类似Java的语法。ECMAScript语法宽松是为了使它能够成为更容易使用的脚本语言。比如,变量不需要申明类型也不需要为properties指定类型,函数定义也可以不需要出现在它们的调用语句之前。<br />
  12. 12. ECMAScript历史<br />ECMAScript描述<br />ECMAScript主要术语<br />ECMAScript内部属性<br />ECMAScript组成<br />ECMAScript对象描述<br />JSON<br />
  13. 13. ECMA-262主要术语<br />Type数据值的集合<br />Primitive Value原始值包括Undefined,Null,Boolean,Number,String这些类型成员。原始值是语言实现中底层可以直接表示的数据。<br />Object每个对象都是Object类型的成员。它包含的所有属性成员,如原始值、对象或者函数,是一个无序的集合。对象属性成员放置的函数又被称为方法。<br />Constructor构造器是一个函数对象,用来创建和初始化对象。每个构造器都有一个关联的原型对象用来实现属性成员的继承和共享。<br />
  14. 14. ECMA-262主要术语<br />Prototype ECMAScript中的原型用来实现对象结构、状态和行为的继承。当一个构造器构造了一个对象,这个对象会隐含地引用到该构造器关联的原型去解析属性的 引用。构造器关联的原型可以通过程序表达式constructor.prototype来引用。在某个共享对象的原型上添加的属性值,通过继承,可以被所有其他对象共享。<br />Native Object 原生对象是由ECMAScript的实现提供的,独立于宿主环境。有些原生对像同时又是内置对象,其他的则可能会在执行一个 ECMAScript程序时产生。<br />Built-in Object 内置对象是由ECMAScript的实现提供的,独立于宿主环境,它们出现在ECMAScript程序开始执行的时候。所有的内置对象都是原生对象。<br />Host Object宿主对象由为ECMAScript提供完整执行环境的宿主环境提供的。任何对象,不是原生对象,就是宿主对象。<br />
  15. 15. ECMA-262主要术语<br />Undefined ValueUndefined值是一个原始值,当一个变量没有被分配值的时候使用。<br />Undefined TypeUndefined类型只有一个值,undefined。<br />Null ValueNull值是一个原始值,它表示空的,没有的,或不存在的引用。<br />Null TypeNull类型有一个值,null。<br />Boolean ValueBoolean值是Boolean类型的成员,它只能是两个值中的一个,true或false。<br />Boolean TypeBoolean类型表示一个逻辑实体,由两个唯一值组成,一个是true,另一个是false。<br />Boolean Object Boolean对象是Object类型的成员,它是内置对象Boolean的实例。意思是,一个Boolean对象是通过Boolean构造器的 new表 达式创建,提供一个boolean参数。结果对象有一个隐含的(未命名)原型boolean。一个Boolean对象支配一个 Boolean值。<br />
  16. 16. ECMA-262主要术语<br />String Value String值是String类型的成员,它是一个有限的有序的,0到16位无符号整数长度的值。注意:尽管每个值通常都表示一个单独的16位的UTF-16文本的单元,但该语言不会做出任何限制和要求当这个值不是16位无符号整数的情况时。<br />String Type String类型是所有字符串值的集合。<br />String Object String对象是Object类型的成员,它是内置对象String的实例。 <br />Number Value Number值是Number类型的成员,它是一个直接表示的数字。<br />Number Type Number类型是表示数字的值的集合。在ECMAScript中,该集合表示IEEE754的64位双精度运算格式的值,包含一个特殊值"Not-a- Number"(NaN),正无穷大和负无穷大。<br />Number Object Number对象是Object类型的成员,它是内置对象Number的实例。<br />Infinity 原始值Infinity表示一个正无穷大的数字,Number类型成员。<br />NaN原始值NaN表示IEEE标准"Not-a-Number"值的集合,Number类型成员。<br />
  17. 17. ECMAScript历史<br />ECMAScript描述<br />ECMAScript主要术语<br />ECMAScript内部属性<br />ECMAScript组成<br />ECMAScript对象描述<br />JSON<br />
  18. 18. ECMAScript内部属性<br />[[Prototype]]This对象的原型,该属性值只会是一个object或null,所有的[[Prototype]] chain最终都都会通向到null。<br />[[Class]]指明This对象类别的字符串值<br />[[Value]]与This对象关联的内部状态信息<br />[[Get]](PropertyName)返回指定属性的值<br />[[Put]](PropertyName Value)设置指定的属性值<br />[[CanPut]](PropertyName)返回是否可以执行[[Put]]指定属性的操作的Boolean值<br />[[HasProperty]](PropertyName)返回对象是否存在指定的属性名的Boolean值<br />
  19. 19. ECMAScript内部属性<br />[[Delete]](PropertyName)移除对象指定的属性<br />[[DefaultValue]](Hint)返回对象的默认值,只能是原始值,不允许对象和引用。<br />[[Construct]] a list of argument values provied by the caller通过调用new操作符构造一个对象。<br />[[Call]] a list of argument values provied by the caller通过函数调用表达式执行与对象关联的代码。<br />[[HasInstance]](Value)返回一个Boolean值,表示This对象是否存在指定的委派(实例),仅对ECMAScript native中的Function对象实现。<br />[[Scope]] 作用域链,用于表示一个函数对象执行时的环境。<br />[[Match]](String,Index)为正则表达式匹配和返回一个MatchResult的值。<br />
  20. 20. ECMAScript历史<br />ECMAScript描述<br />ECMAScript主要术语<br />ECMAScript内部属性<br />ECMAScript组成<br />ECMAScript对象描述<br />JSON<br />
  21. 21. ECMA-262组成<br />语法<br />关键字<br />保留字<br />变量<br />类型<br />语句<br />操作符<br />对象<br />符合ECMA-262规范的脚本编程语言必须实现该规范描述的所有的“类型、值、对象、属性、函数和程序语法及语义”,并且必须支持Unicode字符标准(UCS)。在此基础上,每个具体实现还可以指定“额外的类型、值、对象、属性和函数”,可以定义新的“程序和正则表达式语法”等。<br />
  22. 22. 语法<br />区分大小写<br />Ecmascript中的一切,比如变量、函数名、操作符都区分大小写。<br />标识符<br />标识符就是变量、函数、属性、函数参数的名字<br />第一个字符必须是一个字母、下划线(_)或一个美元符号($)<br />其他字符可以是字符、下划线、美元符号或数字<br />保留字、关键字、null、true、false不能用做标识符<br />注释<br />//单行注释<br />/* javascript code */多行注释<br />语句<br />语句以分号结尾,如果没有分号则由解析器确定结尾<br />{}表示代码块,if else语句在多行的时候才要求使用代码块(我们推荐任何时候都使用代码块)<br />
  23. 23. 关键字和保留字<br />关键字<br />保留字<br />
  24. 24. 变量<br />松散类型<br />可以保存任何类型的值,但我们不推荐这么做<br />变量使用var来定义,函数内部定义的为局部变量,不使用var的为全局变量<br />
  25. 25. 类型<br />简单数据类型:<br />Undefined<br />Null<br />Boolean<br />Number<br />String<br />复杂数据类型<br />Object<br />
  26. 26. Undefined类型<br />Undefined类型只有一个特殊值undefined;<br />变量在已声明未初始化的时候值就是undefined<br />vartaobao;<br />alert(taobao); // ‘undefined’<br />未声明的变量在typeof操作符检测其类型的时候值也为undefined<br />var a;<br />alert(typeof a); // ‘undefined’<br />alert(typeof b); //‘undefined’<br />alert(b) // error ‘b is undefined’<br />
  27. 27. Null类型<br />Null类型只有一个特殊值null;<br />null值表示一个空对象指针<br />vartaobao = null;<br />alert(typeoftaobao); // ‘object’<br />undefined是派生于null的,ecma规定这两个值比较是相等的<br />alert(null == undefined); // true<br />
  28. 28. Boolean类型<br />Boolean类型有两个值true和false<br />要将其他类型转换成Boolean可以调用Boolean()或者!!操作符<br />
  29. 29. Number类型<br />Number类型使用IEEE754格式来表示整数和浮点数<br />分十进制、八进制、十六进制,八进制必须以0开头数字范围0~7,十六进制以0x或0X开头数字范围0~9,A~F,a~f,进行数字计算的时候都会转换为十进制<br />可以使用科学计数法表示<br />数值范围Number.MAX_VALUE(1.7976931348623157e+308)~Number.MIN_VALUE(5e-324),如果超出范围会转换成Infinity和-Infinity,这两个值不能用于计算,可使用isFinite()检测<br />NaN,这是个特殊值,任何涉及NaN的操作都会返回NaN,NaN不等于任何值<br />可以使用Number()、parseInt()、parseFloat()进行数值转换<br />浮点数,占用内存为整数的2倍,最大精度17位<br />var a = 0.1;<br />var b = .1; //不推荐<br />var c = 1.0;<br />alert(0.11+0.12) // 0.22999999999999998 IEEE754bug<br />1.toFixed(2) // Syntax error 这里的点是小数点不是方法引用<br />(1).toFixed(2) // ‘1.00’<br />
  30. 30. String类型<br />String类型用于表示由零或多个16位Unicode字符组成的字符序列,可以用引号或单引号表示<br />有特殊的转义字符,n、t、b、r、f、、’、”、xnn、unnnn<br />字符串可以用toString()和String()来转换,null和undefined没有toString()方法,Number的toString()有两种模式<br />
  31. 31. Object类型<br />对象是一组数据和功能的集合,通过new操作符来创建<br />var a = new Object();<br />var b = new Object; //不推荐<br />var c = {};<br />Object每个实例都具有下列属性和方法<br />
  32. 32. 操作符<br />一元操作符<br />位操作符<br />布尔操作符<br />乘性操作符<br />加性操作符<br />关系操作符<br />相等操作符<br />条件操作符<br />赋值操作符<br />逗号操作符<br />
  33. 33. 一元操作符<br />delete,强制解除引用<br />vartaobao = {foo:111};<br />delete taobao.foo;<br />alert(taobao.foo) // undefined<br />void,对任意值返回undefined<br />typeof,返回’undefined’,’number’,’string’,’boolean’,’object’,’function’<br />instanceOf,需指定要检测的类型<br />递增和递减(++和--)<br />++num,--num,num++,num—<br />这4种操作符不仅适用于整数,还可以用于字符串、布尔值、浮点数、对象<br />一元加减<br />一元加对数值不会产生影响,一元减用于表示负数<br />一元加作用域非数值时会进行Number()转换,一元减将结果转换为负数<br />
  34. 34. 位操作符<br />位运算符是按内存中表示数值的位来操作数值<br />ECMA中所有整数默认都以有符号整数存储,只有位运算符才能创建无符号整数<br />有符号整数使用 31 位表示整数的数值,用第 32 位表示整数的符号,0 表示正数,1 表示负数。数值范围从 -2147483648 到 2147483647。<br />位运算符NOT(~)<br />实际上是对数字求负然后减1,处理过程如下:<br />把运算数转换成 32 位数字<br />把二进制数转换成它的二进制反码<br />把二进制数转换成浮点数<br />位运算符AND(&)<br />直接对数字的二进制形式进行运算,把每个数位上的数字对齐,1&1=1,其他均为0<br />位运算OR(|)<br />对齐规则0|0=0,其他均为1<br />位运算XOR(^)<br />对齐规则有一个1的时候返回1,其他均为0<br />左移运算(<<)<br />把数字所有位数左移指定的数量,用0填充空位,保留符号位<br />有符号右移运算(>>)<br />把数字所有位数右移指定数量,用符号位的值填充空位,保留符号位,与左移相反<br />无符号右移运算(>>>)<br />对正数与>>相同,对负数,把负数的二进制码当成正数的二进制码<br />
  35. 35. 布尔操作符<br />逻辑非(!)<br />运算数为对象、非空字符串、非0数值时返回false,其他均为true<br />逻辑与(&&)<br />如果第一个操作数是对象,返回第二个操作数<br />如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象<br />如果两个操作数都是对象,返回第二个操作数<br />有null、NaN、undefined则返回<br />逻辑或(||)<br />如果第一个操作数是对象,返回第一个操作数<br />如果第一个操作数的求值结果为false,则返回第二个操作数<br />如果两个操作数都是对象,返回第一个操作数<br />
  36. 36. 乘性操作符<br />乘法(*)<br />除法(/)<br />求模(%)<br />主要注意Infinity、NaN、0为操作数时候的表现<br />
  37. 37. 加性操作符<br />加法(+)<br />字符串连接<br />减法(-)<br />Infinity、NaN、0<br />
  38. 38. 关系操作符<br />小于(<)<br />大于(>)<br />小于等于(<=)<br />大于等于(>=)<br />字符串比较的是字符代码<br />任何有NaN参与的关系运算都返回false<br />如果有对象,调用valueOf(),如果没有valueOf()方法,调用toString()方法<br />如果有布尔值,转换为数值再比较<br />
  39. 39. 相等操作符<br />相等(==)<br />不相等(!=)<br />相等和不相等都会进行类型转换<br />执行类型转换的规则如下:<br />如果一个运算数是 Boolean 值,在检查相等性之前,把它转换成数字值。false 转换成 0,true 为 1。<br />如果一个运算数是字符串,另一个是数字,在检查相等性之前,要尝试把字符串转换成数字。<br />如果一个运算数是对象,另一个是字符串,在检查相等性之前,要尝试把对象转换成字符串。<br />如果一个运算数是对象,另一个是数字,在检查相等性之前,要尝试把对象转换成数字。<br />在比较时,该运算符还遵守下列规则:<br />值 null 和 undefined 相等。<br />在检查相等性时,不能把 null 和 undefined 转换成其他值。<br />如果某个运算数是 NaN,等号将返回 false,非等号将返回 true。<br />如果两个运算数都是对象,那么比较的是它们的引用值。如果两个运算数指向同一对象,那么等号返回 true,否则两个运算数不等。<br />NaN != NaN<br />全等(===)<br />两个操作数不需要类型转换就相等的情况下返回true<br />
  40. 40. 条件操作符<br />boolean ? true_value : false_value<br />
  41. 41. 赋值操作符<br />=<br />*=<br />/=<br />%=<br />+=<br />-=<br /><<=<br />>>=<br />>>>=<br />
  42. 42. 逗号操作符<br />用于赋值<br />varnum = (3,4,5,6,7); // num == 7<br />var num1 =1,<br /> num2 = 2,<br /> num3 = 3;<br />
  43. 43. 语句<br />if语句<br />do-while语句<br />while语句<br />for语句<br />for-in语句<br />label语句<br />break和continue语句<br />with语句<br />switch语句<br />
  44. 44. if语句<br />if (condition) statement1 else statement2<br />condition计算不一定为boolean类型,ECMA会使用Boolean()强制转换成boolean类型,如果为true,执行statement1,如果为false,执行statement2<br />If(condition1){<br />statement1<br />}else if(condition2){<br />statement2<br />}else{<br /> statement3<br />}<br />
  45. 45. do-while语句<br />do {statement} while (condition)<br />statement执行之后再检测condition,statement至少执行一次<br />do{<br />statement1<br />} while (condition2);<br />
  46. 46. while语句<br />while (condition)statement<br />如果condition为true执行statement<br />while(condition){<br />statement<br />}<br />
  47. 47. for语句<br />for (initialization; expression; post-loop-expression)statement<br />for 语句是前测试循环,而且在进入循环之前,能够初始化变量,并定义循环后要执行的代码。<br />Initialization、expression和post-loop-expression都是可选的<br />循环内部定义的变量可以在外部访问<br />Expression需要有限条件否则会无限循环<br />for ( ; ; ){<br /> infinitive loop //无限循环<br />}<br />
  48. 48. for-in语句<br />for (property in expression) statement<br />For-in语句一般用来枚举对象的属性<br />
  49. 49. label语句<br />label : statement<br />label语句可以在代码中添加标签以便将来使用,一般配合break和continue来使用<br />variNum = 0;<br />outermost:<br />for (var i=0; i<10; i++) {<br /> for (var j=0; j<10; j++) {<br /> if (i == 5 && j == 5) {<br /> break outermost;<br /> }<br />iNum++;<br /> }<br />}<br />alert(iNum); //输出 "55"<br />
  50. 50. break和continue语句<br />用于在循环中精确的控制代码的执行<br />break语句会立即退出循环,continue也会立即退出循环,退出循环后会从循环顶部继续执行<br />break和continue语句可以配合label使用,但要避免过度使用<br />
  51. 51. with语句<br />with (expression) statement<br />将代码的作用域设定到一个特定的对象中<br />过度使用会造成性能下降,不推荐使用<br />
  52. 52. switch语句<br />switch (expression) {<br /> case value : statement<br /> break;<br />case value : statement<br /> break;<br />default : statement<br />} <br />switch判断值的时候使用===操作符,不做类型转换<br />
  53. 53. ECMAScript历史<br />ECMAScript描述<br />ECMAScript主要术语<br />ECMAScript内部属性<br />ECMAScript组成<br />ECMAScript对象描述<br />JSON<br />
  54. 54. ECMAScript对象概述<br />ECMAScript没有像C++,Smalltalk,Java等语言中的真正的类,但是它支持构造器(constructors)。它在代 码执行时创建对象,为对象分配内存并初始化它们全部或部分初始值和properties。所有的构造器都是对象,但不是所有对象都是构造器。每个构造器都 有一个Prototype属性用于实现基于原型的继承(prototype-based inheritance)和属性共享(shared properties)。<br /> <br />对象在对构造器使用new表达式时被创建,比如,new String(“A String”)创建了一个新的字符串对象。不用new表达式直接去调用一个构造器,其结果将依赖于这个构造器的具体实现,如,String("A String") 产生一个原始值String,而不是一个对象。<br /> <br />ECMAScript支持基于原型的继承。所有构造器都有一个相关联的原型,所有由构造器创建的对象都隐含一个指向到该原型的引用(称为对象原 型),此外,一个原型可能有一个非空的、隐含的引用,指向到它的原型,所以,这又被称为是:原型链(prototype chain)<br />当一个引用来自一个对象时,它会去该对象和它的原型(链)中查找与该property同名的属性,换句话说,会先直接从该对象中检测是否存在这个同名的引用,如果有则返回,否则再从该对象的原型(链)中去检测是否存在该引用。<br />
  55. 55. JSON<br />Just an Object<br />{code : 200,ret : {},msg : ‘’}<br />http://json.org/<br />
  56. 56. 参考资料<br />http://www.w3cgroup.com/article.asp?id=293<br />http://www.w3school.com.cn/js/js_reference.asp<br />《javascript高级程序设计》第二版<br />http://www.w3school.com.cn/js/index_pro.asp<br />http://www.ecma-international.org/publications/standards/Ecma-262.htm<br />

×