JavaScript学习总结

JavaScript基础

网页、网站和应用程序

网页：单独的一个页面
网站：一些列相关的页面组成到一起
应用程序：可以和用户产生交互，并实现某种功能。

JavaScript的强大

http://naotu.baidu.com/
https://codecombat.com/
https://ide.codemao.cn/

JavaScript是什么

html CSS
行为标准
Netscape（网景）在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。雷锋雷峰塔的关系

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

JavaScript最初的目的

为了表单的验证操作

JavaScript现在的意义(应用场景)

JavaScript 发展到现在几乎无所不能。
网页特效
服务端开发(Node.js)
命令行工具(Node.js)
控制硬件-物联网(Ruff)
游戏开发(cocos2d-js)
手机App(Cordova)
桌面应用程序(Electorn)

JavaScript和HTML、CSS的区别

1.html：提供网页结构。提供网页的内容
2.css：美化界面
3.js： 控制网页内容，给网页增加动态效果

JavaScript的组成

1.ECMAscript
2.DOM
3.BOM

ECMAScript - JavaScript的核心 （语法）

ECMA 欧洲计算机制造联合会
网景：javascript
微软：JScript
定义了JavaScript的语法规范 JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准,与具体实现无关
html不算编程，js算，因为逻辑结构

BOM - 浏览器对象模型

一套操作浏览器功能的API
通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

DOM - 文档对象模型

一套操作页面元素的API
DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

什么是变量

什么是变量
变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
为什么要使用变量
使用变量可以方便的获取或·者修改内存中的数据

变量的命名规则和规范

规则-必须遵守的，不遵守会报错
由字母，数字，下划线，$符号组成，不能以数字开头
不能是关键字 和保留字
区分大小写
规范：不遵守不报错
变量名一定要有意义
驼峰命名法，userName，首字母小写，后面单词的首字母大写

简单数据类型

Number类
数值字面量：数值的固定值的表示法
110 1024 60.5
进制

十进制默认
十六进制
 var num = 0xA;
八进制
 07 
 012
 2*1 + 1*8
 112
 2*1 + 1*10 + 1*10*10
注意，字面值超过范围，前导值会被忽略，后面的值会当作十进制解析

浮点数

最高精度时17位小数
不要判断两个浮点数是否相等

数值范围

最小值：Number.MIN_VALUE，这个值为： 5e-324
最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
无穷大：Infinity
无穷小：-Infinity

数值判断
NaN not a number ,不是数字的number型
NaN与任何都不相等

String类型
‘abc’ “abc”
字符串字面量
‘今天天气真好’
转义符
字符串长度
length属性用来获取字符串的长度
字符串拼接
字符串拼接使用 + 连接
1.两边只要有一个=是字符串，+就实现拼接功能
2.都是数字，就是算数功能
Boolean类型
Boolean字面量： true和false，区分大小写
计算机内部存储：true为1，false为0
Undefined和Null
undefined表示一个声明了没有赋值的变量，变量只声明的时候值默认是undefined
null表示一个空，变量的值如果想为null，必须手动设置
获取变量的类型
typeof

运算符的优先级

优先级从高到低
 1.()
 2.一元运算符 ++ -- !
 3.算数运算符  先* /  %后 + -
 4.关系运算符 > < >=...
 5.相等运算符    ==  !== === !=
 6.逻辑运算符     先&&   再||
 7.赋值运算符

// 练习1：
4 >= 6 || '人' != '阿凡达' && !(12 * 2 == 144) && true
   true
// 练习2：
var num = 10;
5 == num / 2 && (2 + 2 * num).toString() === '22'
       true                     true  

if语句

if (/* 条件表达式 */) {
  // 执行语句
}
if (/* 条件表达式 */){
  // 成立执行语句
} else {
  // 否则执行语句
}
if (/* 条件1 */){
  // 成立执行语句
} else if (/* 条件2 */){
  // 成立执行语句
} else if (/* 条件3 */){
  // 成立执行语句
} else {
  // 最后默认执行语句
}

三元运算符

表达式1 ? 表达式2 : 表达式3
是对if……else语句的一种简化写法

switch语句

switch (expression) {
  case 常量1:
    语句;
    break;
  case 常量2:
    语句;
    break;
  case 常量3:
    语句;
    break;
  …
  case 常量n:
    语句;
    break;
  default:
    语句;
    break;
}

while语句

// 当循环条件为true时，执行循环体，
// 当循环条件为false时，结束循环。
while (循环条件) {
  //循环体
}

do…while语句

do {
  // 循环体;
} while (循环条件);

for语句

// for循环的表达式之间用的是;号分隔的，千万不要写成,

continue和break

break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）