谁有网站备案号,chatgpt网页,如何加快网站访问速度,软件工程大学排名1.2 ECMAScript尽管 ECMAScript 是一个重要的标准#xff0c;但它并不是 JavaScript 唯一的部分#xff0c;当然#xff0c;也不是唯一被标准化的部分。实际上#xff0c;一个完整的 JavaScript 实现是由以下 3 个不同部分组成的#xff1a;● 核心(ECMAScript)● 文档对象…1.2 ECMAScript尽管 ECMAScript 是一个重要的标准但它并不是 JavaScript 唯一的部分当然也不是唯一被标准化的部分。实际上一个完整的 JavaScript 实现是由以下 3 个不同部分组成的● 核心(ECMAScript)● 文档对象模型(DOM) Document object model (整合jscsshtml)● 浏览器对象模型(BOM) Broswer object model(整合js和浏览器)● Javascript 在开发中绝大多数情况是基于对象的.也是面向对象的.简单地说ECMAScript描述以下内容:● 语法● 类型● 语句● 关键字● 保留字● 运算符● 对象(封装、继承、多态)基于对象的语言使用对象1.3 JavaScript的引入方式Title二、JavaScript基础2.1 变量x12y16zxy在代数中我们使用字母(比如x)来保存值(比如12)。通过上面的表达式zxy,我们能够计算出z的值为28.在JavaScript中这些字母被称为变量。0变量时弱类型的(很随便)1、声明变量时不用声明变量类型全部使用var关键字1 var a;2、一行可以声明多个变量并且可以是不同类型1 var namesimon, age23, jobteacher;3、声明变量时可以不用var,如果不用var那么它是全局变量。4、变量命名首字母只能是字母下划线$美元符 三选一且区分大小写x与X是两个变量5、变量还应遵循以下命名规则Camel 标记法首字母是小写的接下来的字母都以大写字符开头。例如var myTestValue 0, mySecondValue hi;Pascal 标记法首字母是大写的接下来的字母都以大写字符开头。例如Var MyTestValue 0, MySecondValue hi;匈牙利类型标记法在以 Pascal 标记法命名的变量前附加一个小写字母(或小写字母序列)说明该变量的类型。例如i 表示整数s 表示字符串如下所示“Var iMyTestValue 0, sMySecondValue hi;注意function func1(){var a 123;b456}func1();// alert(a);// alert(b);// 不推荐2.2 基础规范1、每行结束可以不加分号没有分号会以换行符作为每行的结束a1;b2;a1 b2;------错误a1b2//推荐a1;b2;{a1;b2;//推荐加taba1;b2;}2、注释 支持多行注释和单行注释 /* */ //3、使用{}来封装代码块2.3 常量和标识符常量 直接在程序中出现的数据值标识符1、由不以数字开头的字母、数字、下划线(_)、美元符号($)组成2、常用于表示函数、变量等的名称/3、例如_abc,$abc,abc,abc123是标识符而1abc不是4、JavaScript语言中代表特定含义的词称为保留字不允许程序再定义为标识符三、 数据类型3.1 数字类型(Number)简介最基本的数据类型不区分整型数值和浮点型数值所有数字都采用64位浮点格式存储相当于Java和C语言中的double格式能表示的最大值是±1.7976931348623157 x 10308能表示的最小值是±5 x 10 -324整数在JavaScript中10进制的整数由数字的序列组成精确表达的范围是
-9007199254740992 (-253) 到 9007199254740992 (253)超出范围的整数精确度将受影响浮点数使用小数点记录数据例如3.45.6使用指数记录数据例如4.3e23 4.3 x 102316进制和8进制数的表达16进制数据前面加上0x八进制前面加016进制数是由0-9,A-F等16个字符组成8进制数由0-7等8个数字组成16进制和8进制与2进制的换算# 2进制: 1111 0011 1101 0100 16进制:0xF3D4 10进制:62420# 2进制: 1 111 001 111 010 100 8进制:01717243.2 字符串(String)简介是由Unicode字符、数字、标点符号组成的序列字符串常量首尾由单引号或双引号括起JavaScript中没有字符类型常用特殊字符在字符串中的表达字符串中部分特殊字符必须加上右划线\常用的转义字符 \n:换行 \:单引号 \:双引号 \\:右划线String数据类型的使用● 特殊字符的使用方法和效果● Unicode的插入方法varstr\u4f60\u597d\n欢迎来到\JavaScript世界\;alert(str);3.3 布尔型(Boolean)简介Boolean类型仅有两个值true和false也代表1和0实际运算中true1,false0布尔值也可以看作on/off、yes/no、1/0对应true/falseBoolean值主要用于JavaScript的控制语句例如if (x1){yy1;}else {yy-1;}3.4 Null UndefinedUndefined 类型Undefined 类型只有一个值即 undefined。当声明的变量未初始化时该变量的默认值是 undefined。当函数无明确返回值时返回的也是值 undefined;Null 类型另一种只有一个值的类型是 Null它只有一个专用值 null即它的字面量。值 undefined 实际上是从值 null 派生来的因此 ECMAScript 把它们定义为相等的。尽管这两个值相等但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值null 则用于表示尚未存在的对象(在讨论 typeof 运算符时简单地介绍过这一点)。如果函数或方法要返回的是对象那么找不到该对象时返回的通常是 null。var personnew Person()var personnull3.5 数据类型转换JavaScript属于松散类型的程序语言变量在声明的时候并不需要指定数据类型变量只有在赋值的时候才会确定数据类型表达式中包含不同类型数据则在计算过程中会强制进行类别转换数字 字符串数字转换为字符串数字 布尔值true转换为1false转换为0字符串 布尔值布尔值转换为字符串true或false3.6强制类型转换函数函数parseInt 强制转换成整数 例如parseInt(6.12)6 ; parseInt(“12a)12 ; parseInt(“a12)NaN ;parseInt(“1a2)1函数parseFloat 强制转换成浮点数 parseFloat(6.12)6.12函数eval 将字符串强制转换为表达式并返回结果 eval(11)2 ; eval(12)true3.7 类型查询函数(typeof)ECMAScript提供了typeof运算符来判断一个值是否在某种类型的范围内。可以用这种运算符判断一个值是否表示一种原始类型如果它是原始类型还可以判断它表示哪种原始类型。函数typeof 查询数值当前类型
(string / number / boolean /object )例如typeof(test3) string例如typeof(null) object 例如typeof(true1) number例如typeof(true-false) number// typeof:区分基本数据类型console.log(typeof 123);console.log(typeof hello);console.log(typeof true);console.log(typeof null);console.log(typeofundefined);console.log(typeof [1,2,3,4]);console.log(typeof {name:simon});显示如下四、ECMAScript运算符4.1 ECMAScript 算数运算符加()、 减()、 乘(*) 、除(/) 、余数(% ) 加、减、乘、除、余数和数学中的运算方法一样 例如9/24.54*5209%21-除了可以表示减号还可以表示负号 例如x-y除了可以表示加法运算还可以用于字符串的连接 例如abcdefabcdef递增( )、递减(- -)假如x2那么x表达式执行后的值为3x--表达式执行后的值为1i相当于ii1i--相当于ii-1递增和递减运算符可以放在变量前也可以放在变量后--ivar i1;console.log(i);console.log(i);console.log(i--);console.log(--i);一元加减法var a1;var b1;a-a; //a-1var c10;alert(typeof(c));cc; //类型转换alert(typeof(c));// -------------------var dyuan;dd;alert(d);//NaN:属于Number类型的一个特殊值,当遇到将字符串转成数字无效时,就会得到一个NaN数据alert(typeof(d));//Number//NaN特点:var nNaN;alert(n3);alert(n3);alert(n3);alert(nNaN);alert(n!NaN);//NaN参与的所有的运算都是false,除了!五、ECMAScript逻辑运算符等于 ( ) 、不等于( ! ) 、 大于( ) 、 小于( )
大于等于() 、小于等于()与 () 、或(||) 、非(!) 1 1 1 || 1 1 0 0 1 || 0 1 0 0 0 || 0 0!01!10逻辑 AND 运算符()逻辑 AND 运算的运算数可以是任何类型的不止是 Boolean 值。如果某个运算数不是原始的 Boolean 型值逻辑 AND 运算并不一定返回 Boolean 值如果某个运算数是 null返回 null。如果某个运算数是 NaN返回 NaN。如果某个运算数是 undefined返回undefined。逻辑 OR 运算符(||)与逻辑 AND 运算符相似如果某个运算数不是 Boolean 值逻辑 OR 运算并不一定返回 Boolean 值六、ECMAScript赋值运算符赋值 JavaScript中代表赋值两个等号表示判断是否相等例如x1表示给x赋值为1if (x1){...}程序表示当x与1相等时if(x“on”){…}程序表示当x与“on”相等时配合其他运算符形成的简化表达式例如i1相当于ii1xy相当于xxy实例2 “2”2 “2”4 ! “4”4 ! “4”var a 2; var b 4;var c a--a;var c a--a;var c a--a;var c a--a;七、ECMAScript等性运算符执行类型转换的规则如下如果一个运算数是 Boolean 值在检查相等性之前把它转换成数字值。false 转换成 0true 为 1。如果一个运算数是字符串另一个是数字在检查相等性之前要尝试把字符串转换成数字。如果一个运算数是对象另一个是字符串在检查相等性之前要尝试把对象转换成字符串。如果一个运算数是对象另一个是数字在检查相等性之前要尝试把对象转换成数字。在比较时该运算符还遵守下列规则值 null 和 undefined 相等。在检查相等性时不能把 null 和 undefined 转换成其他值。如果某个运算数是 NaN等号将返回 false非等号将返回 true。如果两个运算数都是对象那么比较的是它们的引用值。如果两个运算数指向同一对象那么等号返回 true否则两个运算数不等。八、ECMAScript关系运算符(重要)var bResult Blue alpha;alert(bResult); //输出 true在上面的例子中字符串 Blue 小于 alpha因为字母 B 的字符代码是 66字母 a 的字符代码是 97。比较数字和字符串另一种棘手的状况发生在比较两个字符串形式的数字时比如var bResult 25 3;alert(bResult); //输出 true上面这段代码比较的是字符串 25 和 3。两个运算数都是字符串所以比较的是它们的字符代码(2 的字符代码是 503 的字符代码是 51)。不过如果把某个运算数该为数字那么结果就有趣了var bResult 25 3;alert(bResult); //输出 false这里字符串 25 将被转换成数字 25然后与数字 3 进行比较结果不出所料。总结比较运算符两侧如果一个是数字类型一个是其他类型会将其类型转换成数字类型。比较运算符两侧如果都是字符串类型比较的最高位的asc码如果最高位相等继续取第二位比较。九、Boolean运算符(重要)var tempnew Object();// false;[];0; null; undefined;object(new Object();)if(temp){console.log(yuan)}else{console.log(alex)}十、全等号和非全等号等号和非全等号的同类运算符是全等号和非全等号。这两个运算符所做的与等号和非等号相同只是它们在检查相等性前不执行类型转换。十一、控制语句11.1 if控制语句if-else基本格式if (表达式){语句;......}else{语句;.....}功能说明如果表达式的值为true则执行语句1,否则执行语句2var x (new Date()).getDay();//获取今天的星期值0为星期天var y;if ( (x6) || (x0) ) {y周末;}else{y工作日;}alert(y);//等价于y工作日;if ( (x6) || (x0) ) {y周末;}if可以单独使用if语句嵌套格式if (表达式1) {语句1;}else if (表达式2){语句2;}else if (表达式3){语句3;} else{语句4;}if (x1){y星期一;}else if (x2){y星期二;...}else if (x6){y星期六;}else if (x0){y星期日;}else{y未定义;11.2 switch 选择控制语句switch基本格式switch (表达式) {case 值1:语句1;break;case 值2:语句2;break;case 值3:语句3;break;default:语句4;}switch(x){case 1:y星期一; break;case 2:y星期二; break;case 3:y星期三; break;case 4:y星期四; break;case 5:y星期五; break;case 6:y星期六; break;case 7:y星期日; break;default: y未定义;}switch比else if结构更加简洁清晰使程序可读性更强效率更高。switch为什么高效率首先要看一个问题if 语句适用范围比较广只要是 boolean 表达式都可以用 if 判断而 switch 只能对基本类型进行数值比较。两者的可比性就仅限在两个基本类型比较的范围内。说到基本类型的数值比较那当然要有两个数。然后重点来了——if 语句每一句都是独立的看下面的语句if (a 1) ...else if (a 2) ...这样 a 要被读入寄存器两次1 和 2 分别被读入寄存器一次。于是你是否发现其实 a 读两次是有点多余的在你全部比较完之前只需要一次读入寄存器就行了其余都是额外开销。但是 if 语句必须每次都把里面的两个数从内存拿出来读到寄存器它不知道你其实比较的是同一个 a。于是 switch case 就出来了把上面的改成 switch case 版本switch (a) {case 0:break;case 1:}总结:1.switch用来根据一个整型值进行多路分支并且编译器可以对多路分支进行优化2.switch-case只将表达式计算一次,然后将表达式的值与每个case的值比较,进而选择执行哪一个case的语句块3.if..else 的判断条件范围较广每条语句基本上独立的每次判断时都要条件加载一次。所以在多路分支时用switch比if..else if .. else结构要效率高。十二、for循环控制语句for循环基本格式for (初始化;条件;增量){语句1;...}功能说明实现条件循环当条件成立时执行语句1否则跳出循环体var attr[111,222,333];// for (var i0; i// document.write(i);// document.write();// document.write(attr[i])// document.write();// }// for (var i in attr){// document.write(i);// document.write();// document.write(attr[i])// document.write();// }for (var i1;i7;i){document.write(hello);document.write();}----------------------------------------------var arr[1,hello,true]//var dic{1:111}for (var i in arr){console.log(i)console.log(arr[i])}注意domsdocument.getElementsByTagName(p);for (var i in doms){console.log(i); // 0 1 2 length item namedItem//console.log(doms[i])}//循环的是你获取的th一个DOM元素集for in用来循环对象的所有属性dom元素集包含了你上面输出的属性。//如果你只要循环dom对象的话可以用for循环:for (var i0;iconsole.log(i) ; // 0 1 2//console.log(doms[i])}结论for i in 不推荐使用十三、while循环控制语句while循环基本格式while (条件){语句1. . .}功能说明运行功能和for类似当条件成立循环执行语句大括号{}内的语句否则跳出循环var i1;while (i7) {document.write(hello);document.write();i;}//循环输出H1到H7的字体大小/* sayhello是定义的函数名前面必须加上function和空格*/functionsayHello(){varhellostr;varmynameprompt(请问您贵姓,朱锐);hellostr您好myname先生欢迎进入探索之旅;alert(hellostr);document.write(hellostr);}//这里是对前面定义的函数进行调用sayHello();练习分别用for循环和while循环计算出1-100的和while循环实现// while循环实现var x0;var i1;while (i100){xi;i;}console.log(x)for循环实现:// for循环实现var sum0;for (var i0;i101;i){sumi;}console.log(sum)十四、异常处理try {//这段代码从上往下运行其中任何一个语句抛出异常该代码块就结束运行}catch (e) {// 如果try代码块中抛出了异常catch代码块中的代码就会被执行。//e是一个局部变量用来指向Error对象或者其他抛出的对象}finally {//无论try中代码是否有异常抛出(甚至是try代码块中有return语句)finally代码块中始终会被执行。}// 异常try {console.log(123);throw Error(define error)}catch(e){console.log(e)}finally{console.log(finally)}显示
