JavaScript基础总汇

一、JS初体验

// (1).  行内式JS

<input type="button" value="点我试试" οnclick="javascript:alert('Hello,world!')">
1. 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性)，如： onclink
2. 注意单双引号的使用：在HTML中我们推荐使用双引号，JS中我们推荐使用单引号
3. 可读性差，在 HTML 中编入 JS 大量代码时，不方便阅读
4. 特殊情况下使用
// (2). 内嵌式JS
<script>alert('Hello World!');</script>
可以将多行JS代码写到<script>标签中；内嵌 JS 是学习时常用的方式

// (3). 外部JS
<script src="my.js"></script>

1. 利于HTML页面代码结构化，把单独JS代码独立到HTML页面之外，既美观，又方便

2. 引用外部JS文件的script标签中间不可以写代码

3. 适合于JS代码量比较大的情况

二、JS基本语法 

// (1). 输入输出语句

方法	说明	归属
alert(msg);	浏览器弹出警示框	浏览器
console.log(msg);	浏览器控制台打印输出信息	浏览器
prompt(info);	浏览看弹出输入框，用户可以输入	浏览器

alert() 主要用来显示消息给用户
console.log() 用来给程序员看自己运行时的消息
// (2). 变量初始化
1. var age = 10;
var是一个JS关键字，用来声明变量(variable变量的意思)。使用该关键字声明变量后，计算机会自动为变量分配内存空间。
2. 声明变量特殊情况

情况	说明	结果
var age;console.log(age);	只声明，不赋值	undefined
console.log(age)	不声明 不赋值 直接使用	报错
age = 10;console.log(age);	不声明 只赋值	10

(3). 变量的命名规范

1. 由字母(A-Z,a-z)，数字(0-9)，下划线(_)，美元符号($)组成，如:usrAge,num01,__name

2. 严格区分大小写。 var app; 和 var App; 是两个变量

3. 不能以数字开头。

4. 不能是关键字，保留字。例如：var,for,while

5. 遵循驼峰命名法。首字母小写，后面单词的首字母需要大写。myFirstName
// (4). 数据类型

JavaScript **是一种弱类型或者说动态语言。**这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。
var age = 10; //数字型     var areYouOk = '使得‘;//字符串

在代码运行时，变量的数据类型是由 JS引擎 根据 = 右边变量值的数据类型来判断 的，运行完毕之后， 变量就确定了数据类型。

JavaScript 拥有动态类型，同时也意味着相同的变量可用作不同的类型

var x = 6; var x = "Bill"

JS 把数据类型分为两类：

基本数据类型(Number,String,Boolean,Undefined,Null)、复杂数据类型(Object)
1. 基本数据类型

简单数据类型	说明	默认
Number	数字型，包含整型值和浮点型值，如21，0.21	0
Boolean	布尔值类型，如true，false ，等价于1和0	false
Undefined	var a;声明了变量a但是没有赋值，此时 a = undefined	undefined(未定义)
string	字符串类型	“”
Null	var a = null;声明了变量a为空值	null

2. 数字进制
最常见的进制有二进制、八进制、十进制、十六进制。

// 1.八进制数字序列范围：0~7
var num1 = 07;         //对应十进制的7
var Num2 = 019;        //对应十进制的19
var num3 = 08;        //对应十进制的8
// 2.十六进制数字序列范围：0~9以及A~F
var num = 0xA;
注意：在JS中八进制前面加0，十六进制前面加 0x
①数字型范围

consol.log(Number.MAX_VALUE); //最大值 

consol.log(Number.MIN_VALUE);//最小值

②数字型的三个特殊值
alert(Infinity);     //Infinity(无穷大)
alert(-Infinity);     //-Infinity(无穷小)
alert(NaN);           //NaN - Not a Number ,代表任何一个非数值

③isNaN
这个方法用来判断非数字，并且返回一个值，如果是数字返回的是false，如果不是数字返回的是true

var userAge = 21;
var isOk = isNan(userAge);
console.log(isOk);        //false,21不是一个非数字

var userName = "andy";
console.log(isNan(userName));    //true,"andy"是一个非数字

3. typeof
typeof 可用来获取检测变量的数据类型
var num = 18;
console.log(typeof num) // 结果 number 
4. 数据类型转换
①转换为字符串型

方式	说明	案例
toString()	转成字符串	var num = 1; alert(num.toString());
String()强制转换	转成字符串	var num = 1; alert(String(num));
加号拼接字符串	和字符串拼接的结果都是字符串	var num =1; alert(num+“我是字符串”);

//1.把数字型转换为字符串型 toString()  变量.toString()
var num = 10;
var str = num.toString();
console.log(str);

//2.强制转换
console.log(String(num));

②转换为数字型

方法	说明	案例
parselnt(string)函数	将string类型转成整数数值型	parselnt(‘78’)
parseFloat(string)函数	将string类型转成浮点数数值型	parseFloat('78.21')
Number()强制转换函数	将string类型转换为数值型	Number(‘12’)
js 隐式转换(- * /)	利用算术运算隐式转换为数值型	‘12’-0

三、JS的三种弹出框 

// (1). alert()
    alert 方法有一个参数，就是用户想弹出的内容，弹出框很简单，就一个显示功能。你可以点击确认关闭这个弹出框。
例如：alert(“hello woorld！”);

// (2).  confirm()
这个方法要求用户选择。有确认有返回。confirm 方法的返回值为 true 或 false。
例如：var flag = confirm(“你快乐么？”);
点击确定，flag的值为true；点击取消则为false；

// (3). prompt()
    这个弹出框相对于上面两个弹出框来说，智能化又高了，你可以直接在这个弹出框里面回复。下面先上图：
例如：var kouling = prompt(“口令：”); 
如果你输入的是：123456
点击确定之后kouling 的值为：123456。如果你点击了取消，那么kouling 的值为null