本文已参与「新人创作礼」活动，一起开启掘金创作之路

1、什么是JavaScript

JavaScript是一种基于对象和事件驱动的解释性脚本语言，具有与C语言和Java类似的语法，简称JS。

JS是一种网页编程技术，用来向HTML页面添加交互行为；
由浏览器解析执行
JS是由网景公司推出的

2、JavaScript的特点

(1)可以使用任何的文本编辑工具编写；
(2)JS由浏览器内置的JavaScript引擎执行代码，JS代码不用编译，可以直接执行；
(3)JS语言内置大量现成的对象可以直接使用
(4)适用的地方：
- 浏览器端的数据计算
- 浏览器端表单的合法验证
- 浏览器端事件的触发
- 浏览器端显示效果的制作
- 服务器的异步数据提交

3、使用JavaScirpt

（1）事件定义方式 在定义事件时直接写入JS代码 （2）嵌入式方式

写在页面<head>标记中的<script>标记里

（3）文件调用方式

   - 将JS代码写在xx.js结尾的文件中
   - 在<head>标记中使用<script>标记引入xx.js文件

4、JS代码编写的规范和注意事项

（1）注释

  //    单行注释
 /*  */ 多行注释

（2）JS是大小写敏感的，区分大小写（3）关于JS代码的调错

5、变量

(1)声明变量使用关键字var (2)变量初始化 使用=进行赋值初始化
--变量在声明时不需要指定具体的数据类型，是以赋值的内容为准。 --没有初始化的变量自动取值为undefined (3)变量名的命名规则 变量名由字母、数字、_、$组成，数字不能开头

6、数据类型

  （1）基本类型
        number:数字（整数、小数）
            科学计数写法:
            4.3e23=4.3*10^23
        string：字符串类型 ””  ‘’ 
        boolean: 布尔类型  true false
             使用true、fasle表示
             也是用1或0表示
             在运算中true=1，false=0
   （2）特殊类型
        null: 空   undefined未定义
        --null值在程序中表示”无值”或者”无对象”,可以给一个变量赋值null来清楚变量的内容。
         var a=10;
         a=null;
         a=”张三”
        --undefined是在声明一个变量以后未初始化(赋值)，该变量是undefined，表示不存在
         var a;
         alert(a);   undefined
   （3）复杂类型
        Array: 数组
        Object:对象（Date…）

7、数据类型的隐式转换

JS属于松散类型的程序语言   
  --变量在声明时不需要指定数据类型    
  --变量由赋值操作后确定数据类型   
 不同类型数据在计算过程中会自动进行转换
  (1)数字+字符串：数字会转为字符串
  (2)数字+布尔值：true转为1，false转为0
  (3)字符串+布尔值：布尔值转换为字符串的true或false
  (4)布尔值+布尔值:布尔值会转换为数值1或0

8、数据类型的显示转换

  （1）toString
       语法：value.toString()
     将vlaue的类型转换为字符串类型
     所有的数据类型均可以转换为string类型
  （2）parseInt
       语法: parseInt(value)
       强制转换为整数类型；如果不能转换，会返回NaN(Not a Number)
  （3）parseFloat
       强制转换为浮点数
       如果不能转换，会返回NaN

9、查看数据类型

 typeof：查看数据的类型
          语法：typeof value 判断value数据类型是什么
 isNaN：判断是否为数值
	isNaN(value)：如果value是数字返回结果为false，如果value不是数字类型，返回true

10、运算符

（1）算数运算符 
        +  -  *  /  %  ++  --
（2）关系运算符
        >   >=  <   <=  ==  !=
        关系运算符的运算结果为boolean类型
        === 全等(类型相同，数值相同)
        !==不全等(类型和数值都不等)
（3）逻辑运算符
        &&(逻辑与)   ||(逻辑或)  !(逻辑非)
         条件1 && 条件2
          true       false
          false      true
          true       true
          false      false
        !条件  !true-->false
               !false-->true
（4）条件运算符/三目运算符
       语法:条件?代码1:代码2
       如果条件为true，执行代码1
       如果为false，执行代码2

11、分支结构

(1)一种情况的分支结构
   if(条件){
      语句
	}

(2)两种情况的分支结构
  if(条件){
     语句1
	}else{
   	 语句2
	}
(3)多种情况的分支结构
      if(){        //1次

	}else if(){   //0-n次

	}else if(){

	}else{      //0-1次

	}

(4)分支结构的第二种语法：
  switch…case语句结构
  switch(表达式){
     case 值1:
        语句1;
        break;
     case 值2:
        语句2;
        break;
     …
     default:
        其他语句;
	}

12、循环结构

(1)for循环
	for(起始条件1;结束条件2;步进语句3){
     	循环体的内容4
	}
	1 2 4 3 2 4 3… 2 4 3…   2条件不成立
	
(2)while循环
  语法：
  循环的起始条件;
  while(结束条件){
     循环体的内容;
     步进语句;
}

(3)do…while循环
      循环的起始条件;
	do{
         循环体;
         步进语句;
	}while(结束条件);

Web开发基础 --- JavaScript