JavaScript 基础知识点（一）

前段开发三剑客：HTML 、CSS、Javascript

HTML：结构层 从语义角度来描述页面结构。

CSS：表现层 从审美角度美化页面

Javascript：行为层 从交互角度来提升用户体验

五大浏览器：Firefox（火狐）、Google（谷歌）、IE、opera(欧朋)、safari（苹果）

Javascript是一门弱类型语言

1.核心(ECMAScript)

2.文档对象模型(DOM)

3.浏览器对象模型(BOM)

JS语法规则：每一条JS语句都是一条发送给浏览器的指令

1. 在JS编写中区分大小写    警告框： alert（正确）、Alert（错误）
2. 每条语句结束 加分号 （如果没有加 将来在代码压缩中将会出现错误）    var a=3;var b=4（正确）        var a=3var b=4（出现错误）
3. 所有的特殊符号均为英文半角           ;   " "      ' '
4. 在此语言中对换行、空格、缩进 不敏感
5. 注释    // 行注释（ctrl+/）     /**/ 文档注释(ctrl+shift+/)

直接量：也称为字面量 能直接使用的内容   字符、字符串...

1. 数值：1  2  3  3.2   5.2  -1  -3.6 ......
2. 字符串：程序中被单双引号包起来的都是字符串   "Hello"         'Hello'
3. 其它字面量：true  false  null  正则表达式

变量：变化的量 、将数据保存在内存中存储数据

1. 定义变量（声明变量）   var+变量名  
2. 变量命名规则：

          （1）区分大小写

          （2）变量名必须以字母、下划线、或$ 开头，组成可以 字母、下划线 、$或数字

          （3）不能使用关键字和保留字

                   关键字：

                   保留字：

3.变量的赋值    var 变量名=值

4.去除变量的值：使用变量的名

5.变量会被重复赋值 ：所以写代码时 一定要注意变量的使用

var a=10;
	     console.log(a);//10
	        a=20;//上面的值已经被覆盖 
	     console.log(a);//20

数据类型：

1. 数值  俗称数字类型  number
2. 字符串 ：string 被单双引号所包的内容    "Hello"            'hello'        字符串会原样输出 
3. 布尔类型：boolean    只有两个结果 ：true（真）、false（假） 
4. 其它数据类型：undefined（未定义）、null（空）、object（对象类型、引用类型）

判断变量数据类型：（typeof a），typeof类型检测的结果也是字符串类型

             var a=10;
	     console.log(typeof a);//number
	     console.log(typeof typeof a);//string

数据类型之间的相互转换：

number-------->>string

                // var a=10; 
		// //方法一：
		// // var b=a.toString();
		// //方法二
		// // var b='';//空字符串
		// var b=a+"";

number-------->>boolean

               // var a=1;
		// console.log(1||false);

boolean-------->>number   :当布尔类型进行数学运算时 true为‘1’  falsse 为 ‘0’

           var a=true;
           var b=false;
           var c=a+b;
           console.log(c);//1

boolean------->>string

           var a=true;
           var b=a+'';
           var c=a.toString();
           console.log(typeof b);//string
           console.log(typeof c);//string

string------->>number

		// var a="哈哈";
		// var a="5";
		// var a1="3.14";
		// var a2='3.99';
		//parseInt()  将字符串转换为整数  parseFloat()

		// var b=parseInt(a);
		// var b=parseInt(a1);
		// var b=parseInt(a2);
		// var b=parseFloat(a2);
		// var b=parseFloat(a);
		// var b=parseFloat("哈哈");//NaN

		// var str="a";
		// var str='a1';
		/*var str='5a';
		// var b=parseFloat(str);//NaN
		var b=parseFloat(str);//5

string------>>boolean   不能转换

运算符：

• 算术运算符       （括号可以提升优先级）

       运算符根据两边操作数不同 分为：一元运算符、二元运算符、三元运算符

       按照功能不同分为 ： +  -     *    /   %(取余)

1.一元运算符：++（自增）、--（自减）

             var a=5;
	     //运算符前置 先运算，再赋值
	     var b=++a;
	     console.log(b);//6
         
         //运算符后置 先赋值，在运算
	     var c=a++;
	     console.log(c);//5

2.二元运算符：a+b    c+k 

  如果两个均为数字（number）类型 则按照算术规则运算     

             var a=1;
	     var b=2;
	     var c=a+b;
	     console.log(c);//3

如果两个有一个为字符串或两个均为字符串，则做拼接操作

             var a=1;
	     var b="2";
	     var c="3";
	     var n=a+b;
	     var m=b+c;
	     console.log(n);//12
	     console.log(m);//23

3.三元运算符

表达式：表达式1？表达式2：表达式3

运算规则：当表达式1结果为真（true）时 ，则运算结果为表达式2，结果为假时，运算结果为表达式3

              var a=5;
	      //5大于3 为真 结果为第2个表达式
	     var b=a>3?8:3;
	     console.log(b);//8

• 赋值运算符

              “=”   var a=1;  var b=2;     var c=3;     把数字赋值给变量a，b，c

• 关系运算符

>(大于)、<(小于)、 >=(大于等于)、 <=（小于等于）、==（等于）、===（全等于、真等于）

关系运算符的结果为布尔类型：true、false

运算结果成立时为true、否则为false。

==（等于）、===（全等于、真等于）

== 只比较数值

=== 不仅比较数值，也比较类型（typeof）都成立结果才为真

• 逻辑运算符    运算结果为布尔类型

     （1）||  逻辑或  当两边的表达式运算结果一个为真（true），则结果为真，两边均为假时，才为假（false）。

                若第一个操作数为真，则表达式结果为第一个操作数，

             var a=5;
	     var b=(5<3);
	     console.log(a||b);//5

                若第一个操作数为假，则表达式结果为第二个操作数。

             var a=(6>9);
	     var b=5;
	     console.log(a||b);//5

     （2） && 逻辑与 当两边的表达式运算结果有一个为假，则为假（false），两边均为真时，结果为真（true）。 

                若第一个操作数为真，则表达式结果为第二个操作数。

             var a=5;
	     var b=(5-3);
	     console.log(a&&b);//2

                 若第一个操作数为假，则表达式结果为第一个操作数。     

             var a=(5<3);
	     var b=(5-3);
	     console.log(a&&b);//false

           基础知识点梳理，下一章节：循环结构、分支结构。