JavaScript 语法基础 Part.1

1 书写位置

(1) 行内式

<input type="button" value="点我试试" onclick="alert('Hello World')" />
//注意单双引号的使用：在HTML中我们推荐使用双引号，JS中我们推荐使用单引号。
//代码量少时使用。

(2) 内嵌式

<script>
   alert('Hello  World~!');
</script>

(3) 外链式

<script src="my.js"></script>
//代码量极多时使用。

 

2 输入输出语句

(1) prompt(info)：浏览器弹出输入框，用户可以输入。
//使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。
(2) alert(msg)：浏览器弹出警示框。
(3) console.log(msg)：浏览器控制台打印输出信息。
//alert() 主要用来显示消息给用户，console.log() 用来给程序员自己看运行时的消息。

 

3 变量

(1) 声明变量

var 变量名;
//var是一个 JS关键字，用来声明变量( variable 变量的意思 )。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员。

(2) 特殊情况

<1> 只声明，不赋值。
var age ; console.log (age); //结果：undefine
<2> 不声明 只赋值。
age = 10; console.log (age); //结果：10

(3) 变量命名规范

由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成。
严格区分大小写。
不能以数字开头。
不能是关键字、保留字。
变量名必须有意义。
遵守驼峰命名法。

4 数据类型

(1) 概述

JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。
JavaScript 拥有动态类型，同时也意味着相同的变量可用作不同的类型。
数据类型分为：简单数据类型(Number,String,Boolean,Undefined,Null)、复杂数据类型(object)

(2) 数字型Number

<1> JavaScript数字类型既可以用来保存整数值，也可以保存小数(浮点数）。  
<2> 数字型保存八或十六进制数值:在JS中八进制前面加0，十六进制前面加0x。
//输出时会自动转化为十进制数。  
<3> 数字型表示范围
alert(Number.MAX_VALUE); //1.7976931348623157e+308
alert(Number.MIN_VALUE); //5e-324
<4> 三个特殊值
alert(Infinity); //Infinity，代表无穷大，大于任何数值。
//当一个负数值超过数字型表示范围，此时该数为Infinity。例：alert(Number.MAX_VALUE*2)
alert(-Infinity); //-Infinity，代表无穷小，小于任何数值。
//当一个正数值超过数字型表示范围，此时该数为-Infinity。例：alert(Number.MIN_VALUE*2)
alert(NaN); //NaN，Not a number，代表一个非数值。
//当一个非数字型与数字运算，结果为NaN。例：alert("ahdkg"+1);
<5> isNaN() 
用来判断一个变量是否为非数字的类型，返回true或者false。若是，则返回true；若不是，则返回false。

(3) 字符串型String

<1> 字符串型可以是引号中的任意文本，其语法为双引号""和单引号''。
//因为HTML标签里面的属性使用的是双引号，JS更推荐使用单引号。
<2> 若字符串中有单引号或双引号，为避免语法错误，JS可以用单引号嵌套双引号，或者用双引号嵌套单引号(外双内单，外单内双)。
<3> 字符串转义符
    \n：换行符，n代表newline
    \ \：\斜杠
    \'：'单引号
    \"："双引号
    \t：tab缩进
    \b：空格，b代表blank
<4> 字符串长度
字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。使用：str.length
<5>符串拼接
字符串 + 任何类型 = 拼接之后的新字符串
//字符串加任何数据类型，结果都是字符串。

(4) 布尔型Boolean

布尔型和数字型相加的时候，true的值为1，false的值为0。
console.log(true + 1); //2
console.log(false + 1); //1

(5) 未定义 undefined

一个声明后没有被赋值的变量会有一个默认值 undefined 

var variable;
console.log(variable); //undefined
console.log('你好' + variable); //你好undefined
console.log(1 + variable);    //NaN，数字型+undefined=NaN。
console.log(true + variable); //NaN，布尔型+undefined=NaN。

(6) 空 null

一个声明变量给 null 值，里面存的值为空

var variable = null;
console.log('你好' + variable); //你好null
console.log(1 + variable); //1，除字符串外，任何数据类型+null都等于本身。
console.log(true + variable); //1

/* 总结
    任何数据类型+字符串=字符串
    数字型/布尔型+非数字型/非布尔型=NaN
    除字符串外，任何数据类型+null=该数据类型 */

(7) 获取变量数据类型

typeof 可用来获取检测变量的数据类型

var num = 18;
console.log(typeof num) //结果number  
var und = undefined;
console.log(typeof und) //结果undefined  
var unl = null;
console.log(typeof nul) //结果null  

(8) 数据类型转换

<1> 转换为字符串
toString()函数：alert(num.toString())
String()强制转换：alert(String(num))
加号拼接字符串隐式转换：alert(num+"")
<2> 转换为数字型
parselnt(string)函数将string类型转成整数数值型：alert(parselnt("1"))
parseFloat(strin)函数将string类型转成浮点数数值型：alert(parseFloat("1.5"))
Number()函数强制转换：alert(Number("1"))
js隐式转换(-,*,/皆可)：alert("1"- 0 )
// 隐式转换是我们在进行算数运算的时候，JS自动转换了数据类型。
<3> 转换为布尔型
Boolean()函数其他类型转成布尔值：Boolean("1")
//代表空、否定的值会被转换为 false，如''、0、NaN、null、undefined，其余值都会被转换为true。