1、JavaScript数据类型及输出

一、js基本语法

1、js书写

（1）script[src 引入js文件的路径][type="text/javascript" 文件类型,可省略]
       * 在拥有src属性的script标签写js代码，无效
       * head>script,body>script
 （2）a[href="javascript:js代码;"]

 

2、 js的注释

// -->单行注释
/*   */ -->多行注释,不要嵌套多行注释

//var = 1

/* var = 1 

    var = 2*/

 

（二）声明变量及赋值

1.声明变量,通过关键字var

例：var cup;

2.给变量赋值,通过=,将右边的值赋给左边的变量

例：cup = "orange";

3. 同时声明变量及赋值

例： var fruit = "lemon";

4. 同时声明多个变量,用逗号隔开

 例：var a,b,c;
    a = 10;
    b = 20;
    c = 30;

 

5.变量名的命名规则

（1） 不能以数字开头,包含字母、数字、_、$ 
（2）不能使用关键字
（3） 严格区分大小写 
    *命名建议：
        (1) 见名知意
        (2) 驼峰命名 myUserName

（三）数据类型（值）

1、基本数据类型

（1） 数字类型number

（1.1） 普通数字
（1.2） NaN：代表非数字
    * 与任何数进行运算都得到NaN
    * 不等于任何数，甚至不等于自己
    * isNaN() 判断是不是非数字，是数字就返回false，其他值都返回true

（2）字符串类型 string

（2.1） 有引号的值都是字符串类型
（2.2）字符串内还有别的在引号（'',""）
    * 将外层引号替换成另外一种
    * 通过转义字符\
（2.3）字符串中间拼接变量：引号引号(最外层)，加号加号，变量("+a+")

（3）布尔类型 boolean

（3.1） 只有两个值：true 、false

2、特殊数据类型

（1）null 空对象

*、只有唯一的值null
*、注意代码的执行顺序。

（2）undefined 代表的是声明变量未赋值

*、只有唯一的值undefined
*、注意区分报错信息： ** is not defined。代表变量未声明。

3、 判断数据类型 typeof()

（3.1）typeof(123); //"number"
（3.2）typeof(NaN); //"number"
（3.3）typeof(""); //"string"
（3.4）typeof("AFDF"); //"string"
（3.5）typeof(true); //"boolean"
（3.6）typeof(false); //"boolean"
（3.7）typeof(null); //"object" ！！！
（3.8）typeof(undefined);//"undefined"
（3.9）typeof(typeof(123));//"string"

（四）数据类型的转换

1、直接转换

（1）Number() 转换成数字类型

*、字符串->数字： 空字符串转成数字为0.若可以转换成数字，返回值就是数字。若不能转成数字就是NaN。
* 布尔值->数字： true->1,false->0

（2）String() 转换成字符串类型

  * 直接加引号

（3）Boolean() 转换成布尔类型

  * 除了0、NaN、""、null、undefined转成false，其他都转成true。

2、隐式转换

（1）若运算无法进行下去的时候，会尝试将数据类型进行隐式转换后，再运算。
（2）若隐式转换后依旧无法运算，会返回NaN

（五）输出

1. alert（）

(具体的值||变量(不要加引号)) 弹窗

2. document.write（）

*、(具体的值||变量(不加引号)) 
*、往body里面追加内容

3. console.log（）

*、(具体的值||变量(不要加引号))  打印到控制台console，一般用于代码调试

4. ID名称.innerHTML = "内容或标签"

（4.1）给**元素添加内容，内容可以包括标签。
例：<div id=a></div>
     a.innerHTML = '<span style="color:red;">'+_num'+是一个偶素</span>