码迷,mamicode.com
首页 > 其他好文 > 详细

ECMAScript 5.0 基础语法(上)

时间:2018-12-07 23:26:53      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:数值   not   sum   while循环   show   back   写入   i+1   数据类型   

银子: 

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

 

 

上篇(完)!

 

ECMAScript 5.0 基础语法(上)

标签:数值   not   sum   while循环   show   back   写入   i+1   数据类型   

原文地址:https://www.cnblogs.com/NuoMiGao/p/10074670.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!