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内置对象

      常用的方法有:

        

 

    


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

   

 

posted @ 2018-09-26 17:21  sado  阅读(977)  评论(0编辑  收藏  举报