JavaScript基础--超详细（概念-变量）

目录

1.1 JavaScript简介

1.1.1  什么是JavaScript？

1.1.2 为什么我们要学JavaScript？

1.1.3 浏览器执行JavaScript代码过程

1.1.4 JavaScript的组成部分

1.1.5 JavaScript编写位置

1.2 变量

1.2.1 命名规范与规则

1.2.2 交换变量

1.2.3 数据类型

---

1.1 JavaScript简介

1.1.1  什么是JavaScript？

JavaScript是一门web页面的脚本语言。简称：JS；

1.1.2 为什么我们要学JavaScript？

web页面搭建可分为：

1. 结构：HTML定义的是网页的内容即结构
2. 表现：描述网页的布局，添加样式、美化网页等即表现
3. 行为：控制网页进行交互、动态效果等即行为

1.1.3 浏览器执行JavaScript代码过程

1.1.3.1 浏览器两大引擎：

1. 解析HTML、css的渲染引擎（内核），比如Chrome的webkit的核心。
2. 解析执行JavaScript的JS引擎

扩展（常用浏览器私有前缀）：

1.    -moz-:代表火狐
2.    -ms-:代表ie
3.    -webkit-:代表safari,chrome
4.    -o-:代表Opera

1.1.3.2 执行过程：

        js引擎会去读取JavaScript的代码，然后一句一句将js代码转为机器语言的代码。

1.1.4 JavaScript的组成部分

1. ECMA Script：js基础内容，就是js语言基本语法规范（本文章基于ES5规范,拓展ES6规范）
2. DOM：利用js代码操作元素的一系列内容
3. BOM：利用js操作浏览器的一些内容

1.1.5 JavaScript编写位置

1. 行内式：在行内标签内写js代码（一般不推荐）
2. 嵌入式：在页面<script></script>中写入js代码
3. 外链式：新建js文件，在js文件中书写代码，利用<script src="文件地址"></script>来引入文件 

 三大基础弹窗：

1. alert('警示框')：
2. prompt('输入框')：
3. confirm(’确定取消框‘)：

console调式工具：

1. console.log()：用于控制台输出打印信息
2. console.dir()：用于输出一个对象的属性和方法
3. console.error()：用于输出错误信息到控制台

1.2 变量

1.2.1 命名规范与规则

规则：

• 由字母、数字、下划线、$符号组成，不能以数字开头如：usrAge, num01, _name
• 不能是关键字和保留字，如：for、while、var。
• 区分大小写

规范：

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

1.2.2 交换变量

//1.使用第三方变量来做转存
var temp;
var num1 = 10, num2 = 5;
temp = num1;    // temp:10, num1=10, num2=5
num1 = num2;   //temp:10,num1=5,num2=5
num2 = temp;   // temp:10,num1=5,num2=10



//2.不使用第三方变量来进行变量交换
var num1 = 10, num2 = 5;
num1 = num1+num2;    // num1=15,num2=5
num2 = num1-num2;    // num1=15,num2=10
num1 = num1-num2;    // num1=5,num2=10



//3.利用js的高级语法实现变量交换
var num1=10,num2=5;
[num1, num2] = [num2, num1]

1.2.3 数据类型

基本数据类型：

1. 数字(number)类型：Infinitiy（无穷大）、-Infinitiy（无穷小）、NaN: not a number（非数字）
2. 字符串(string)类型
3. 布尔(boolean)类型：Boolean字面量： true和false，区分大小写；计算机内部存储：true为1，false为0
4. undefined类型(未知类型)：表示一个声明了没有赋值的变量，变量只声明的时候值默认是undefined
5. null：表示一个空，变量的值如果想为null，必须手动设置
6. symbol（ES6新增）

引用数据类型：

objct：Array、function等

---

JavaScript基础--超详细（运算符）_m0_48651355的博客-CSDN博客