ECMAScript 5.0 基础语法（上）

Posted 2021-01-25 nuomigao

银子： 

　　 一般来说，一门编程语言的基础语法都是大同小异的。比如，python的基础语法，包括：数据类型，变量，作用域，运算符，流程控制（if...else...语句），循环，编码，数据类型的操作（增删改查、切片），常用的内置函数，常用的内置模块，以及规范化的开发结构。javascript也是类似的。ECMAScript就是JavaScript最基础的语法。

一、JS是啥？

　　一个网页开发，主要用的语言组合是html+css+JS,其中，htnl用来搭建页面的结构（控件，段落，标签，链接什么的），css用来美化页面，JavaScript负责交互。

　　JS的组成：（1）ECMAScript5.0：语法标准  （2）DOM：操作页面元素API  （3）BOM：操作浏览器的部分API

二、JS的引入方式

<!-- 内接式 -->
<script type="text/javascript">
</script>
<!-- 外接式 -->
<script type="text/javascript" src="./JS/text.js"></script>

三、调试语句

<!-- 建议在body之后 书写脚本js代码 -->
    <!-- 1.内接式 -->
    <script type="text/javascript">
        // ;分号 作为js代码一句话的结束符
        // 弹出警告框
        alert(‘我弹‘);
        // 控制台输出
        console.log(‘alex‘);

四、变量和命名规范

需要用var关键字，需要加分号结尾：例如  var a = 100;

命名规范：由英语字母、数字、下划线组成。跟python和大部分语言类似。

五、基本数据类型

 1          // 1.number
 2          // var $  = 100;
 3          // console.log($);
 4          //  typeof 变量名
 5          var a  = 100;
 6          console.log(typeof a); //number
 7 
 8          var b = 5/0;
 9          console.log(b); //Infinity 无限大
10          console.log(typeof b);  //number类型
11          
12 
13          // 2.string
14 
15          
16          var a = ‘alex‘; //单引号 和双引号 都可以表示字符串
17          console.log(typeof a);//string类型
18 
19          var b = ‘‘;
20          console.log(b);
21          console.log(typeof b);
22          
23 
24 
25          
26          // + 可能是连字符 也可以是数字的加号
27 
28          // 字符串 + 数值 相当于字符串的拼接
29          console.log(‘我‘+‘哎‘+1);
30          // 数字和数字相加 是加号 表示运算
31          console.log(1+2+3);
32          // 小技巧  将数值类型转换成字符串类型
33          var c = 10+‘‘;
34          console.log(typeof c);
35          
36 
37 
38          // 3.boolean
39          var isShow  = 1>1;
40          console.log(typeof isShow);
41 
42          // 4.null  空对象
43          var d = null; //空对象 object
44          console.log(typeof d);
45 
46          // 5.undefined 未定义的
47 
48          var  d1;
49          console.log(d1); //值 是undefined
50          console.log(typeof d1); //undefined 数据类型 

基本数据类型

 1 // 1.将number类型转换成string类型
 2 
 3         //1>隐式转换 小技巧
 4         var n1 = 123;
 5         var n2  = ‘123‘;
 6         console.log(n1+n2);
 7 
 8 
 9         //2> 强制转换
10 
11         // String() toString()
12         var  str1 = String(n1);
13         console.log(typeof str1);
14 
15         var num  = 2334;
16         var numStr = num.toString();
17         console.log(typeof numStr);
18         
19 
20         //2.将字符串类型转换成number类型
21 
22         var stringNum = ‘131313‘;
23         var num = Number(stringNum);
24         console.log(num);
25         console.log(typeof num);
26 
27 
28         var stringNum2 = ‘13.1313fjkafbh13233dkjf‘;
29         var num2 = Number(stringNum2);
30         console.log(num2);// NaN Not a Number
31         console.log(typeof num2);
32 
33         // parseInt() parseFloat() 解析字符串，并且返回整数和浮点型
34         console.log(parseInt(stringNum2));//13
35         console.log(parseFloat(stringNum2));//13.1313

强制类型转换

六、流程控制

 1 var age = 1313;
 2     if (age == 18) {
 3         //{}相当于作用域
 4         console.log(‘可以去会所‘);
 5     } else if (age == 30) {
 6         console.log(‘该娶媳妇了！！‘);
 7     } else {
 8         console.log(‘随便你了‘)
 9     }
10     console.log(‘alex‘); //下面的代码照样执行

if...else语句

// switch
        var gameScore = ‘good‘;

        /*
        if (gameScore  == ‘better‘) {

        }else if(gameScore == ‘good‘){

        }else if(gameScore == ‘best‘){

        }else{
            
        }
        */
        switch (gameScore) {
            case ‘good‘:
                console.log(‘玩的很好‘);
                // switch语句 case表示一个条件，满足这个条件就会输出，直到遇到break跳出，如果你的breakb不写，那么程序会遇到下一个break停止。这个就是‘case穿透’
                break;
            case ‘better‘:
                console.log(‘玩的老牛逼‘);
                break;
            case ‘best‘:
                console.log(‘恭喜你，吃鸡成功‘);
                break;
            default:
                console.log(‘很遗憾，被淘汰了‘);
                break;
        }

switch语句

 1 // 1. 初始化循环变量
 2     // 2. 判断循环条件
 3     // 3. 更新循环变量
 4     // 例子： 打印1~10之间的数
 5 
 6     
 7     // 初始化循环变量
 8     var i = 1;
 9     // 判断循环条件
10     while (i <= 10) {
11         console.log(i);
12         // 更新循环变量
13 
14         // i = i+1;
15         i+=1;
16     }
17 
18 
19 //do_while循环
20         // 用途 不大，就是不管条件如何 上来先做一次，  然后再去循环
21 
22         var i = 3;
23         do{
24             console.log(i);
25 
26             i+=1;
27         }while(i < 10);

while循环

 1         // 输出1~100之间的数
 2         for(var i = 1; i <= 100; i ++){
 3             console.log(i);
 4         }
 5         
 6 
 7         
 8         // 1.输出1~100之间所有数之和
 9         var sum = 0;
10         for(var i = 1; i <= 100; i ++){
11             sum = sum + i;
12         }
13         console.log(sum);
14         
15 
16         //2. 将1~100所有是2的倍数在控制台打印
17         
18         for(var i = 1;i <= 100; i ++){
19             if (i % 2 == 0) {
20                 console.log(i);
21             }
22         }

for循环

 1 // document.write 往页面上写入内容
 2 
 3         // document.write(‘<h1>alex</h1>‘);
 4 
 5         for(var i = 0; i < 3;i++){ //控制着你的行数
 6             for(var j = 1;j <=6;j++){ //控制的星星
 7                 document.write("*");
 8             }
 9 
10             document.write(‘<br>‘);
11         } 

双重for循环

 

 

上篇（完）！