JavaScript：编程语言
1.初识javascript
目录
1、初识Javascript
2、JS的作用：
3、HTML/CSS/JS之间的关系
4、浏览器执行js简介
5、js组成
6、js初体验
7、输入与输出语句
8、变量
9、数据类型
10、运算符
1、初识Javascript
创始人： 布兰登 艾奇
特点：
（1）、运行在客户端的脚本语言（script是脚本意思）
（2）、脚本语言：读一行，翻译一行，执行一行
2、JS的作用：
表单动态效验（密码强度检测）
网页特效
服务端开发 node-js
桌面应用 electron
app cordova
控制硬件-物联网 ruff
游戏开发 cocos2d-js
3、HTML/CSS/JS之间的关系
描述性语言：
html：相当于人的身体--结构
css：相当于给人穿衣服、化妆--修饰
编程性的语言：
js：相当于人的各种动作
4、浏览器执行js简介
渲染引擎：用来解释html和css
js引擎：也称为js解释器，用于读取网页中的js代码，对其处理后运行
浏览器本身并不会执行js代码，而是通过内置ja引擎（解释器）来执行js代码，js引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由机器去执行，所以js语言归于脚本语言，会逐行解释执行
5、js组成
ECMAscript：js语法----规定了标准语法
DOM：页面（文档）对象模型
BOM：浏览器对象模型
6、js初体验
三种书写方式：行内，内嵌，外部
6.1、行内式js
例如：
<input type="button" vlaue="111" οnclick="alert('222')">
-
可以将单行或者少量js代码写在html标签的事件属性中（以on开头的属性），如：onclick
-
注意单双引号的使用：在html中我们使用 双引号；js中我们使用 单引号
-
可读性差
-
引号易错
-
特殊情况下使用
6.2、内嵌式js
例如：
<script>
alert('我是内嵌式')
</script>
6.3、外部js
例如：
alert('外部js')
<script src="js.js"></script>
-
利用html页面代码结构化， 把大段js代码独立到html页面之外，美观，也方便文件级别的费用
-
引用外部js文件的script
-
适合于js代码量比较大的情况
7、输入与输出语句
8、变量
8.1概念：变量是存放数据的 容器，我们通过 变量名来获取数据，甚至可以修改
8.2 变量的使用：
声明变量
//声明变量
var bl;
var：是js中的一个关键字，用来声明变量（variable变量），使用该关键字声明变量后，计算机会自动分配内存
赋值
bl=10;
输出
console(bl);
8.3
1、输入
2、输出输入内容
var myname = prompt('请输入您的名字');
alert(myname);
8.4声明多个变量
var a=1,
b=2,
c=3;
8.5特殊情况
8.6命名规范
8.6交换变量的值
var a = 111,
b = 222,
temp;
console.log(a);
console.log(b);
temp = a;
a = b;
b = temp;
console.log(a);
console.log(b);
9、 数据类型
9.1变量的数据类型
js的变量数据类型只有程序在运行过程中，根据等号右边的值来确定的；js是动态语言，变量的数据类型是可以变化的（与其他语言有所不同）
9.2数据类型的分类
-
简单数据类型 9.2.1 number （数字型）
9.2.1.1数字中的最大值最小值
console.log(Number.MAX_VALUE) //最大值
console.log(Number.MIN_VALUE) //最小值
9.2.1.2数字中的无穷大和无穷小
9.2.2 string ：字符串类型
9.2.2.1获取字符串长度
var str = 'my name is yang pan shuai'
console.log(str.length);
9.2.2.2字符串拼接
多个字符串之间可以使用+进行拼接，拼接方式： 字符串+任何字符=拼接后的新字符
var str = 'my name is yang pan shuai'
console.log(str + 'woshipinjiedeziduchuan');
变量在字符拼接中的使用：
变量不需要在字符串中写，只需要+即可
var a = 100;
console.log('1+' + a + '=101');
9.2.3 布尔类型：ture（1）/false（0）
9.2.4 未定义类型：如果一个变量声明时未给值就是undefined 未定义类型
注意：undefined和数字相加结果是 NaN
9.2.5 空值类型：NULL；
与数字相加返回数字；
与字符串相加返回null；
9.2.6获取检测变量的数据类型：typeof
注意：使用prompt取过来的值是字符型的
9.3复杂数据 类型（object）
9.4： 字面量
自面量是在源代码中一个固定的表示法，（如何表达这个值）
-
数字自面量：8.9.10
-
字符串自面量：‘我是程序员’
-
布尔字面量：ture，false、
9.5数据类型转换： 把一种数据类型的变量转换成另外一种数据类型
9.5.1转换为字符串类型
//1、字符串类型转换
// 1.把数字转换成字符串类型tostring
var num = 1;
var str = num.toString();
console.log(str);
//2.强制转换
console.log(String(num));
//3拼接字符串（重点）
console.log(num + '');
原理：不管什么类型+字符串类型的都自动转换为字符串类型
9.5.2转换为数字类型
//1.遇到小数自动取整的parseint（）
var age = prompt('我是prompt我是字符串类型的')
console.log(parseInt(age));
console.log(parseInt(3.14)); //自动取整
//2、遇到小数保留小数的parsefloat（）
console.log(parseFloat(3.14));
//3、利用number（）
console.log(Number('12'));
//4、利用- * /
简单案例1：
var year = prompt('请输入您的出生年份：');//这里还是字符串类型的
var age = 2022 - year;//隐式转换为数字类型
alert('您的年龄是' + age);
9.5.3转换为布尔类型
简单案例2：
console.log(Boolean(''));
console.log(Boolean(0));
console.log(Boolean(NaN));
console.log(Boolean(null));
console.log(Boolean(undefined));
console.log(Boolean('123'));
console.log(Boolean('你好'));
console.log(Boolean('你也好'))
10、运算符
10.1 算术运算符
console.log(1 + 1);//+
console.log(3 - 1);//_
console.log(1 * 2);//*
console.log(4 / 2);///
console.log(9 % 7);//%
注意：使用浮点数时会有精度问题
10.2、表达式和返回值
表达式：由数字、变量、运算符等以求得数值的有意义排列方法所得的组合（由数字、运算符、变量等组成的式子）
10.3递增递减运算符
递增：++
递减：--
10.4比较运算符
概念：连个数据进行比较，会返回一个 布尔类型的结果（false（0）/ture（1））
“==”仅仅判断两边的值是否相等
注意“===“判断两边是否值和数据类型都相等
10.5逻辑运算符 
10.6运算符优先级
