javascript之ECMAScript:语法的操作标准
一、如何书写一个javascript代码
javascript代码需要写在javascript标签中才会生效,而javascript标签可以写在任何地方,但考虑到规范化及页面的加载问题,最好是写在body标签中的末尾。
在页面中,我们可以在body标签中放入<script type=”text/javascript”></script>
标签对,<script type=”text/javascript”></script>
标签对
1 <script type="text/javascript"> 2 3 </script>
语法规则:
javascript与java语言有很多相同之处,在我们今后的学习当中会逐步涉猎,javascript也有它自己的规范。
(1)JavaScript对换行、缩进、空格不敏感。
备注:每一条语句末尾要加上分号,虽然分号不是必须加的,但是为了程序今后要压缩,如果不加分号,压缩之后将不能运行。
(2)所有的符号,都是英语的。比如括号、引号、分号。
变量的命名规范:
只能由英语字母、数字、下划线、美元符号$构成,且不能以数字开头,并且不能是JavaScript保留字。
变量的数据类型:
number、string、boolean、null、undefined以及复杂的数据类型:Array、Function、Object等等
二、运算符与数据类型转换
运算符相关:
js中的运算符跟python中的运算符有点类似,但也有不同。所谓运算,在数学上,是一种行为,通过已知量的可能的组合,获得新的量。
(1)赋值运算符
(2)算术运算符
(3)比较运算符
数据类型转换:
语言中我们的数据类型有很多,在某个页面中展示的数据类型也不同,比如说电话号码我就要求number的类型,而输入姓名的时候就要求string类型的。那么在适当的情况下我们可以将数据类型进行转换。
(1)隐士转换
1 var n1 = 123; 2 var n2 = '123'; 3 var n3 = n1+n2; 4 // 隐式转换 5 console.log(typeof n3);
(2)强制类型转换
1 // 强制类型转换String(),toString() 2 var str1 = String(n1); 3 console.log(typeof str1); 4 5 var num = 234; 6 console.log(num.toString())
将字符串类型转换成数值数据类型:
1 var stringNum = '789.123wadjhkd'; 2 var num2 = Number(stringNum); 3 console.log(num2) 4 5 // parseInt()可以解析一个字符串 并且返回一个整数 6 console.log(parseInt(stringNum)) 7 console.log(parseFloat(stringNum));
任何数据类型都可以转换成布尔型:
1 var b1 = '123'; 2 var b2 = 0; 3 var b3 = -123 4 5 var b4 = Infinity; 6 var b5 = NaN; 7 8 var b6; //undefined 9 var b7 = null; 10 11 // 非0既真 12 console.log(Boolean(b7))
三、流程控制相关
1.if、if-else、if-else ifelse
1 //if: 2 var ji = 20; 3 if(ji >= 20){ 4 console.log('恭喜你,吃鸡成功,大吉大利') 5 } 6 alert('alex');//下面的代码还会执行 7 //if-else 8 var ji = 20; 9 if(ji>=20){ 10 console.log('恭喜你,吃鸡成功,大吉大利') 11 }else{ 12 console.log('很遗憾 下次继续努力') 13 14 } 15 //if-else ifelse 16 if (true) { 17 //执行操作 18 }else if(true){ 19 //满足条件执行 20 }else if(true){ 21 //满足条件执行 22 }else{ 23 //满足条件执行 24 }
2.while、do_while
循环三步走:
1.初始化循环变量
2.判断循环条件
3.更新循环变量
1 //while 2 var i = 1; //初始化循环变量 3 4 while(i<=9){ //判断循环条件 5 console.log(i); 6 i = i+1; //更新循环条件 7 } 8 //do_whlie 9 //不管有没有满足while中的条件do里面的代码都会走一次 10 var i = 3;//初始化循环变量 11 do{ 12 13 console.log(i) 14 i++;//更新循环条件 15 16 }while (i<10) //判断循环条件
3.for与for的嵌套
1 //for 2 for(var i = 1;i<=10;i++){ 3 console.log(i) 4 } 5 //for的嵌套应用 6 for(var i=1;i<=6;i++){ 7 for(var j=1;j<=i;j++){ 8 document.write("*"); 9 } 10 11 document.write('<br>'); 12 } 13 //利用for的嵌套在浏览器中显示以"*"组成的直角三角形
4.switch分支
1 var gameScore = 'better'; 2 3 switch(gameScore){ 4 5 //case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break,那么直到该程序遇到下一个break停止 6 case 'good': 7 console.log('玩的很好') 8 //break表示退出 9 break; 10 case 'better': 11 console.log('玩的老牛逼了') 12 break; 13 case 'best': 14 console.log('恭喜你 吃鸡成功') 15 break; 16 17 default: 18 console.log('很遗憾') 19 20 }
5.逻辑与"&&"、逻辑或"||"
1 //1.模拟 如果总分 >400 并且数学成绩 >89分 被清华大学录入 2 //逻辑与&& 两个条件都成立的时候 才成立 3 if(sum>400 && math>90){ 4 console.log('清华大学录入成功') 5 }else{ 6 alert('高考失利') 7 } 8 //********************************************* 9 //2.模拟 如果总分>400 或者你英语大于85 被复旦大学录入 10 //逻辑或 只有有一个条件成立的时候 才成立 11 if(sum>500 || english>85){ 12 alert('被复旦大学录入') 13 }else{ 14 alert('高考又失利了') 15 }
四、函数与常用内置对象
函数相关:
1.函数的定义:
1 function 函数名字(){ 2 3 }
2.函数的调用
函数名 ();
一起使用成为一个完整的函数:
1 console.log("hello world"); 2 sayHello(); //调用函数 3 //定义函数: 4 function sayHello(){ 5 console.log("hello"); 6 console.log("hello world"); 7 }
javascript中的函数也有形参与实参。
常用内置对象:
1.数组Array
数组的创建:
字面量的创建方式:var colors = ['red','color','yellow'];
通过构造函数来创建:var colors2 = new Array();
数组的赋值:
1 var arr = []; 2 //通过下标进行一一赋值 3 arr[0] = 123; 4 arr[1] = '哈哈哈'; 5 arr[2] = '嘿嘿嘿'
数组的常用方法:
2.字符串string
创建一个字符串:var s ="javascript"
javascript中创建变量的方式很方便
字符串中常用的方法
3.Data日期相关
创建日期对象只有构造函数一种方式,使用new关键字
var myDate = new Date();
Data中常用的方法:
4.Math内置对象
常用的方法有: