JS基础（变量，命名规则，运算符）

• JS的简介
• 数据类型、检测、转换
• Js变量、命名规则
• 运算符与表达式

        JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

        HTML：提供网页的结构，提供网页中的内容

        CSS：用来美化网页

        JavaScript：可以用来控制网页内容，给页面增加动态的效果

Java 服务器端的编程语言，JavaScript是一种运行在客户端的脚本语言

JavaScript的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

1. 数据可视化开发；
2. 移动应用开发；
3. 服务端开发；（Node.js）
4. 全平台应用开发；
5. 游戏开发；（cocos2d-js）
6. VR开发；
7. 硬件开发；
8. 操作系统开发；
9. 机器学习开发。

 JavaScript的组成部分

        1、ECMAScript，js语言核心部分，描述了该语言的语法和基本对象；

        2、文档对象模型（DOM）,网页文档操作标准；

        3、浏览器对象模型（BOM），客户端和浏览器窗口操作基础。

BOM–浏览器对象模型
一套操作浏览器功能的API，通过BOM可以操作浏览器窗口，比如:弹出框、控制浏览器跳转、获取分辨率等
DOM-文档对象模型
一套操作页面元素的API，DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

 JavaScript初体验

CSS:行内样式、嵌入样式、外部样式

        写在行内

<input type="button" value="按钮" onc1ick="alert( 'He11o wor1d')" />

        写在script标签中

<script>
alert( 'He1lo wor1d ! ');
</ script>

        写在外部js文件中，在页面引入

<script src="main.js "></script>

        引用外部s文件的script标签中不可以司avaScript代码（代码无效) 

---

什么是变量

        变量在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间。变量由变量名和空间组成。

         变量的声明

如  

var age; //声明变量
age=18;  //赋值变量

// 声明一个名为age的变量，把18赋值给age，age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间。

或者 var apple = '红苹果';   // 声明一个名为apple的变量。

注意：这里的 “=” 是赋值的意思。

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。如：
var age = 18;
age = 81;     //  最后的结果就是81，因为18被覆盖掉了

        同时 声明多个变量

var age, name = 'zs';
var a = b = 10; //a=10,b=10
var a,b = 10; //a=undefined,b=10

        同时声明多个变量并赋值

var age = 10,name = 'zs';
var a = b = 10; a=10, b=10
var a, b = 10; // a=undefind,b=10

变量的命名规则和规范

        规则–必须遵守的，不遵守会报错

• 由字母、数字、下划线、$符号狙成，不能以数字开头。
• 不能是关键字和保留字，例如for、while
• 区分大小写

        规范-建议遵守的，不遵守不会报错

• 变量名必须有意义
• 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。例如: userName.userPasswor 

---

算术运算符

+ - * / %

一元运算符 

一元运算符：只有一个操作数的运算符

++ 自身加1，--自身减1

        前置++

var num = 5;
++num;

var num1 = 6;
console.log(num + ++num1); 13

        后置++

var num = 5;
num ++;

var num1 = 6;
console.log(num + num1++); 12

逻辑运算符（布尔运算符）

&& 与 两个操作数同时为true，结果为true，否则都是false

|| 或 两个操作数有一个为true，结果为true，否则为false

!     非     取反

        &&一假则假； ||一真则真

        短路效果：第一个能推断出结果，不会运行第二个

var a = 1;
var b = true || ++a;
console.log(a);
var c = false && ++a;
console.log(a);

关系运算符(比较运算符)

==与===的区别: ==只进行值得比较，===类型和值同时相等，则相等
var result = '55' -= 55;l / true
var result - '55'--= 55;l / fa1se值相等，类型不相等var result = 55 === 55;l / true

赋值运算符

=  +=  -=  *=  /=  %=

var num = 0;
num += 5;//相当于num = num + 5;

运算符的优先级

优先级从高到底
1. ()优先级最高
2.一元运算符           ++        --        !
3．算数运算符        先*        /        %        后+

4．关系运算符        >        >=        <        <=
5．相等运算符         ==        !====        ! ==

6．逻辑运算符        先&&        后ll
7．赋值运算符         =        +=        -=        *=        /=        %=