ECMAScript 5.0 基础语法（上）

银子：

　　一般来说，一门编程语言的基础语法都是大同小异的。比如，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.number

          // var $  = 100;

          // console.log($);

          //  typeof 变量名

          var a  = 100;

          console.log(typeof a); //number

          var b = 5/0;

          console.log(b); //Infinity 无限大

          console.log(typeof b);  //number类型

          // 2.string

          var a = 'alex'; //单引号 和双引号 都可以表示字符串

          console.log(typeof a);//string类型

          var b = '';

          console.log(b);

          console.log(typeof b);

          // + 可能是连字符 也可以是数字的加号

          // 字符串 + 数值 相当于字符串的拼接

          console.log('我'+'哎'+1);

          // 数字和数字相加 是加号 表示运算

          console.log(1+2+3);

          // 小技巧  将数值类型转换成字符串类型

          var c = 10+'';

          console.log(typeof c);

          // 3.boolean

          var isShow  = 1>1;

          console.log(typeof isShow);

          // 4.null  空对象

          var d = null; //空对象 object

          console.log(typeof d);

          // 5.undefined 未定义的

          var  d1;

          console.log(d1); //值 是undefined

          console.log(typeof d1); //undefined 数据类型

基本数据类型

 // 1.将number类型转换成string类型

         //1>隐式转换 小技巧

         var n1 = 123;

         var n2  = '123';

         console.log(n1+n2);

         //2> 强制转换

         // String() toString()

         var  str1 = String(n1);

         console.log(typeof str1);

         var num  = 2334;

         var numStr = num.toString();

         console.log(typeof numStr);

         //2.将字符串类型转换成number类型

         var stringNum = '131313';

         var num = Number(stringNum);

         console.log(num);

         console.log(typeof num);

         var stringNum2 = '13.1313fjkafbh13233dkjf';

         var num2 = Number(stringNum2);

         console.log(num2);// NaN Not a Number

         console.log(typeof num2);

         // parseInt() parseFloat() 解析字符串，并且返回整数和浮点型

         console.log(parseInt(stringNum2));//

         console.log(parseFloat(stringNum2));//13.1313

强制类型转换

六、流程控制

 var age = 1313;

     if (age == 18) {

         //{}相当于作用域

         console.log('可以去会所');

     } else if (age == 30) {

         console.log('该娶媳妇了！！');

     } else {

         console.log('随便你了')

     }

     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. 初始化循环变量

     // 2. 判断循环条件

     // 3. 更新循环变量

     // 例子： 打印1~10之间的数

     // 初始化循环变量

     var i = 1;

     // 判断循环条件

     while (i <= 10) {

         console.log(i);

         // 更新循环变量

         // i = i+1;

         i+=1;

     }

 //do_while循环

         // 用途 不大，就是不管条件如何 上来先做一次，  然后再去循环

         var i = 3;

         do{

             console.log(i);

             i+=1;

         }while(i < 10);

while循环

         // 输出1~100之间的数

         for(var i = 1; i <= 100; i ++){

             console.log(i);

         }

         // 1.输出1~100之间所有数之和

         var sum = 0;

         for(var i = 1; i <= 100; i ++){

             sum = sum + i;

         }

         console.log(sum);

         //2. 将1~100所有是2的倍数在控制台打印

         for(var i = 1;i <= 100; i ++){

             if (i % 2 == 0) {

                 console.log(i);

             }

         }

for循环

 // document.write 往页面上写入内容

         // document.write('<h1>alex</h1>');

         for(var i = 0; i < 3;i++){ //控制着你的行数

             for(var j = 1;j <=6;j++){ //控制的星星

                 document.write("*");

             }

             document.write('<br>');

         }

双重for循环

上篇（完）！

巴特西

ECMAScript 5.0 基础语法（上）

最新文章

热门文章