JavaScript的初识（一）

前言
一、JavaScript和HTML的区别：
1.HTML：标记语言
2.JavaScript：编程语言
-- ​JavaScript：基于浏览器的脚本语言
-- JavaScript的组成：ECMAScript，DOM，BOM
基础知识
一、JavaScript书写位置：
1.内嵌式写法
`//在html页面内部设置：

注意：
该标签可以放到head标签中或者body标签中，可以有多个`
2.外联式写法[推荐写法]
①.新建js文件
②.通过script标签引用到当前页面中

注意：
①.不能将代码写到外联式标签中。
②.一个网页中可以同时调用多个外部js文件




特别注意：
如果一个script标签引入外部的JS文件，那么千万别再这个script标签里面写JS代码
3.行内式写法（不推荐）
将js代码写到标签内部

注意：
onclick 是一个点击事件： 当点击div的时候，会触发该事件，执行该事件中的代码
总结：Javascript书写位置：

​ 内嵌式：在html页面中，嵌入script标签

​ 外联式：用script标签的src属性引入外部的JS文件

​ 行内式：在标签上写JS代码（不推荐）
二、JavaScript中输入消息方式

1.alert();//弹出框

2.document.write('

我是一段文字

'); //在网页中输出信息

3.prompt("请输入姓名","测试"); //输入框接收用户输入的【输入框】

4.confirm("确定不听课么");//确认框

5.console.log("adsadsfafds"); //在控制台中输出消息

总结：
1. 在js中如果希望输出一个具体的文本信息，必须带引号
2. 在使用document.write();的时候，可以在方法内输出html标签，加引号。
三、变量
1.概念：
变量：变量指的是在程序中保存数据的一个容器
变量：计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
变量：用来保存数据

2.语法：
var 变量名 = 值;
3.定义变量及赋值：
①定义变量（多种）
var 变量名；
var 变量名 = 值;
var a,b,c,d;
var a,b=2,c,d=4;

② 赋值
变量名 = 值;
var 变量名 = 数据;
** 总结：**
1. 一个变量一次只能保存一个值
2. 最后一次的赋值结果
3. 变量是区分大小写（js区分大小写）
4.变量命名规范
☞ 规则：（必须遵守的，不遵守的话 JS引擎 发现并报错 ）
1. 包含字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：var usrAge, num01, _name
2. 区分大小写 强调：JS 严格区分大小写 ，var app; 和 var App; 是两个变量
3. 不能 以数字开头，或者汉字定义变量名
4. 不能 是关键字、保留字 和 代码符号，例如：var、for、while、&, class
5. 不能出现空格

☞ 规范 建议遵守的，不遵守的话 JS引擎 也不会报错
1. 变量名必须有意义
2. 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。


四、数据类型
1.数据类型：
数据类型指的是变量的数据类型
数据类型：简单数据类型，复杂数据类型
typeof 数据；可以查看数据类型
①数值类型(number)
凡是数字都属于该类型【整数，小数，负数】

☞ 只要变量的值是一个具体的数字，那么当前变量的数据类型就是数值类型

☞ number类型表示的数字大小：
最大值是±1.7976931348623157乘以10的308次方-----Number.MAX_VALUE
最小值是±5 乘以10的-324次方--------------------Number.MIN_VALUE
2.字符类型(string)
☞ 字符串可以是引号中的任意文本。可以使用单引号或双引号
如果数据是字母，符号，汉字，这些都是字符串类型，字符串类型的就要加引号
☞ 在js中一般写字符串类型的变量时候，推荐使用单引号。
字母，汉字，符号作为数据存在必须要用引号包含【var num = "abcdefgabcd""aaaaaaaaa";】
不管是什么数据如果用引号包含就变成字符串类型

特别注意：字符串和其他内容不准直接挨着写
☞ 注意：
1. 单引号和双引号之间的嵌套
例如： console.log('我是"高帅富"程序猿');
2. 转义字符【\】
\n 换行
\ 斜杠
' 单引号
" 双引号
\r 回车符
例如：
var strMsg = 'I'm the GOD of my world ~!'; //输出：I'm the GOD of my world ~!
var strMsg2 = "I"m the GOD of my world ~!"; //输出：I"m the GOD of my world ~!
var strMsg3 = '反斜杠是这个 \，神奇！'; //输出：反斜杠是这个 \，神奇！

1.0字符：string
汉字，字母，符号作为数据内容的时候，都是字符类型，遇到字符类型一定千万要记住加引号
不管是什么数据内容，一旦让引号套起来的时候，就变成了字符串类型
字符串不能和其他内容直接挨着写

注意：引号内部不换出现相同的引号，如果出现的话，需要用“\”转义一下才可以
1.2.布尔类型：(boolean)(bool)
true（真）“1” 和 false （假）“0”
1.3.null空类型，undefined类型（了解）
//如果一个变量没有赋值，该变量的默认是undefined
var n1;
//如果一个变量的值是undefined，那么该变量的数据类型就是undefined类型
1.4.复杂数据类型
Object，
array

总结
1.数据类型：
简单数据类型：（基本数据类型）number，string，boolean，undefined，null
复杂数据类型：Object，array
2.数据类型判断
使用 typeof 变量 可以得到对应变量的数据类型
☞ 例如：
var n1 = 123;
//获取n1的数据类型
console.log(typeof n1);
var n2 = '123';
console.log(typeof n2);
var n3 = true;
console.log(typeof n3);
五、字面量
在源代码中一个固定值的表示法。【通过看具体的值，就能够知道数据类型】

数值字面量：8, 9, 10

var num = 2;var num2 = 3;

字符串字面量：'黑马程序员', "大前端"
var num = "123";var str = 'wahaha';

布尔字面量：true，false
var n = true; var m = fasle;
六、注释
1.单行注释：//代码或其它文字内容
eg:
// 这是一个变量
var name = 'hm';
2.多行注释：/代码或其它文字内容/
/*
var age = 18;
var name = 'zs';
console.log(name, age);
*/
七、表达式和语句
1.表达式
一个表达式可以产生一个值，有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。
2.语句
语句可以理解为一个行为，循环语句和判断语句就是典型的语句。一个程序有很多个语句组成，一般情况下;分割一个一个的语句