学习内容：

一.变量的定义

二.JS的基本数据类型

三.JS的基本语法

1.变量的定义：

  任何语言中最基本的东西就属于变量了，那么如何定义变量以及运用，其实是一件很简单的事情。。

JS中提供了如何去定义变量，但是在定义变量的时候我们需要明确和注意一些事情。。

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
  • 变量名称对大小写敏感（y 和 Y 是不同的变量）

JS中变量的定义有自己的定义方式。。

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

   <script language="javascript" type="text/javascript">

         var num1=100;//不要写成int

        var num2=200;

        sum=num1+num2;

        //var sum=sum1+sum2;

        document.writeln(sum);

        var s="javascript";//不要写成string

        var s1="html";

        var s2=s+s1;//+代表将两个字符串连接

        document.writeln(s2);

   </script>

</body>

</html>

从上面的代码我们不难发现，JS在语法上并不是像编程语言那样规范，要求也并不是非常的严格。。

并且在定义变量的时候我们只能使用var来定义，不能像在编程语言中那样规范的定义方式，否则就会

出错，在编写JS代码的时候，变量的类型我们是不必写出来的，意思就是没必要写成int sum=。。。

我们只需要写出var sum=...就可以了。。只要浏览器自己知道变量是什么类型的就可以了。。。因此

在定义变量的时候一定要注意自己定义的方式。。。

2.JS的基本数据类型

（1）数值型

i.整型常量

        十六进制以0x开头，例如0x88

        八进制必须以0开头，如0123

        十进制第一位不能是0，如123

ii.实型常量

        12.23  5E7（科学计数法） 4e5等等

iii.特殊数值 NaN (不是数值型) Infinity(无穷大)

（2）布尔型

        布尔型就很简单了，一个true，一个false

（3）字符型

        字符串也一样简单："abc"

        字符串中的特殊字符，需要以反斜杠的（\）后面跟一个普通字符来表示。如\r \n \t \b \'等等

3.JS的基本语法——三大流程控制

三大流程控制

（1）顺序控制：顺序控制其实就是指程序按照顺序的情况下执行。。。

（2）分支控制：（1）单分支（2）双分支（3）多分支

   （1）单分支 就是

      if（条件表达式）{

         语句；

      }

   （2）双分支就是

      if（条件表达式）{

         语句；

      }else{

         语句；

      }

   （3）多分支结构

      if（条件表达式）{

         语句；

      }else if（条件表达式）{

         语句；

      }else{

         语句；

      }

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

   <script language="javascript" type="text/javascript">

        //解决1+....10的和

         var n=10;

        var sum=0;

        for(var i=1;i<=n;i++)

        {

            sum+=i;

        }

        document.writeln(sum);

        //解决从1-10之间偶数的和

        var n1=10;

        var sum1=0;

        var sum2=0;

        for(var j=1;j<=n1;j++)
        {

            if(j%2==0)

            {

                sum1+=j;

            }else

            {

                sum2+=j;

            }

        }

        document.writeln(sum1);

        document.writeln(sum2);

   </script>

</body>

</html>

（3）循环控制部分和（1）do_while循环（2）while循环（3）for循环（4）for_in循环

（1）do_while         （2）while                （3）for                    （4）for_in（了解即可）

 do                      while（条件）             for（var...）            for（变量 in 对象）
 {                      {                         {                        {

  需要执行的代码             需要执行的代码；            需要执行的代码；         需要执行的代码；

 }while (条件);          }                         }                        }
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

   <script language="javascript" type="text/javascript">

       var n=10;

       var sum=0;

       do

       {

           sum+=n;

       }while(n--);

       document.writeln(sum);

       var n1=10;

       var sum2=0;

       while(n1)

       {

           sum2+=n1;

           n1--;

       }

       document.writeln(sum2);

       var sum3=0;

       for(var j=1;j<=n1;j++)//不要顺手写成了int

       {

           sum3+=j;

       }

       document.writeln(sum3);

       var a=new Array();

       var x;

       a[0]=1;

       a[1]=2;

       a[2]=3;

       for(x in a)

       {

           document.writeln(a[x]);

       }

   </script>

</body>

</html>


这四种常用的也就是while和for循环了。。其实掌握了这两种循环结构就可以了。。。


 


 
												


											
JavaScript 学习笔记（二）的更多相关文章
	

    
						
  1. Javascript学习笔记二——操作DOM
		
    Javascript学习笔记 DOM操作: 一．GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二．querySelector( ...
    
		
    2. 
						
  2. JavaScript学习笔记(二)——闭包、IIFE、apply、函数与对象
		
    一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div, ...
    
		
    3. 
						
  3. javascript学习笔记二
		
    1.js的string对象 **创建 String对象 *** var str = "abc"; **方法 和 属性(文档) *** 属性 length : 字符串的长度 ***方 ...
    
		
    4. 
						
  4. javascript学习笔记(四) Number 数字类型
		
    数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学 ...
    
		
    5. 
						
  5. JavaScript学习笔记之数组（二）
		
    JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...
    
		
    6. 
						
  6. amazeui学习笔记二（进阶开发4）--JavaScript规范Rules
		
    amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一.总结 1.注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性. ...
    
		
    7. 
						
  7. Javascript学习笔记三——操作DOM（二）
		
    Javascript学习笔记 在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原 ...
    
		
    8. 
						
  8. AJax 学习笔记二(onreadystatechange的作用)
		
    AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了on ...
    
		
    9. 
						
  9. ES6学习笔记<二>arrow functions 箭头函数、template string、destructuring
		
    接着上一篇的说. arrow functions 箭头函数 => 更便捷的函数声明 document.getElementById("click_1").onclick =  ...
    
		
    10. 
						
  10. JavaScript学习记录二
		
    title: JavaScript学习记录二 toc: true date: 2018-09-13 10:14:53 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. Es6 函数式编程 MayBe函子的简单示例
			
    初级函子的作用非常简单,使用场景主要体现在:深入访问object的属性的时候,不会担心由于属性不存在.undefined.null等问题出现异常. MayBe.js var MayBe = funct ...
    
			
    2. 
						
  2. mysqlbackup 重建带有gtid特性的slave
			
    一.mysqlbackup简介: mysqlbackup是mysql的一个企业级备份工具,优点就是牛逼,缺点就是这东西要钱买. 二.gtid 特性简介: gtid 的中文名叫全局事务ID,也就是说每一 ...
    
			
    3. 
						
  3. C 常量指针和指针常量
			
    * (指针)和 const(常量) 谁在前先读谁 :*象征着地址,const象征着内容:谁在前面谁就不允许改变. 例子: ; ; ; int const *p1 = &b;//const 在前 ...
    
			
    4. 
						
  4. .NET Garbage-Collectors
			
    http://mattwarren.org/tags/#Garbage-Collectors https://github.com/dotnet/coreclr/issues https://lldb ...
    
			
    5. 
						
  5. Linux /proc目录详解
			
    Linux系统上的/proc目录是一种文件系统,即proc文件系统.与其它常见的文件系统不同的是,/proc是一种伪文件系统(也即虚拟文件系统),存储的是当前内核运行状态的一系列特殊文件,用户可以通过 ...
    
			
    6. 
						
  6. vim学习日志（5）：vim下wimrc的配置，解决中文乱码问题
			
    解决linux下vim乱码的情况:(修改vimrc的内容) 全局的情况下:即所有用户都能用这个配置 文件地址:/etc/vimrc 在文件中添加: ,ucs-bom,gb18030,gbk,gb231 ...
    
			
    7. 
						
  7. ES6新特性概览1
			
    本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony( ...
    
			
    8. 
						
  8. echarts报错Cannot read property 'features' of undefined
			
    引入地图的时候 echarts2报错: Uncaught Error: [MODULE_MISS]"echarts/src/util/mapData/params" is not  ...
    
			
    9. 
						
  9. QQ自动发送+@好友功能+tencent://功能
			
    1.取出全部标题 D2007版本 procedure TForm1.Button1Click(Sender: TObject);var  hCurrentWindow:HWnd;  szText: a ...
    
			
    10. 
						
  10. JavaScript高级 面向对象（6）--值类型与引用类型的存储特征
			
    说明(2017.3.31): 1. 画图: var num = 123; var num2 = num; 值类型赋值的存储特点:将变量num内的数据全部拷贝一份,存储给新的变量num2,内存中有2个数 ...
    
			
    11.