JavaScript

全栈：前端，后端，移动端

一、基本概念：
Js现在的意义：
-判断客户端的输入（最初的目的）
-页面特效（pc端的网页效果）
-移动端（移动web和app）
-异步和服务器交互
-服务器开发（nodejs）

Js是世界上用的最多的脚本语言。是一种客户端的脚本语言。
脚本语言--不需要编译，直接运行时边解析边执行的语言。
-html：提供网页上显示的内容
-css：美化页面
-JavaScript：控制网页行为。

JavaScript 的组成：
-ECMAScript：JavaScript的语法规范
-DOM：JavaScript操作网页上元素的API
-BOM：JavaScript操作浏览器部分功能的API

引入JavaScript
1-HTML页面书写JavaScript
<script>
    console.log("hello world");
    alert("hello ");
</script>

2-引入外部JavaScript：
<script src="main.js"></script>

script标签的属性：
type，src，async=“async”异步（js加载，html同时加载进行，js下载完立即执行。），sync同步
defer=“defer”（也是异步加载）下载完成后，不会立即执行，等html加载完才执行js脚本。

二、变量：
弱类型，运行的时候才知道具体的数据类型。运行的适合，数据类型可以改变。
规则：
-由字母、数字、下划线、$组成
-不能是关键字，保留字
-区分大小写。

var num = 50；
var name = "zhangsan";
var name, age, sex;

---------交换两个数----------------
var n1 = 60;
var n2 = 30;
n1 = n1 + n2; // 90
n2 = n1 - n2; // 60
n1 = n1 - n2; // 30

1、注释
单行注释： // 单行注释，推荐使用
多行注释：/* 多行注释*/ 不建议使用多行注释。但是定义函数的时候，推荐使用。

2、数据类型：
查看数据类型的种方法：
typeof x
typeof (x)

简单数据类型：
-Number（十六进制0xA6），不能比较两个浮点数是否相等。
-String
-Boolean
-Undefined // 变量声明，但未赋值。
-Null // 空值

赋值数据类型：
-Object
-Array
-Date等

数值检测：
NAN（Not a number）不是一个数字
isNaN(num) 检测是否是一个数字。true不是数字，false是数字

转换成Boolean类型：boolean(value)；
任何类型都可以转换成boolean，空字符串，0，NaN，null，undefined-----转换成false。
var msg = “abc”;
if(msg) {
    // 有值
} else {
    // 无值
}
转换成数值类型：parseInt()可以转换字符串100a，parseFloat()，Number()
parseInt("123.abc");
parseInt("234", 16); // 十六进制

三、操作符：
&& 如果两个操作数，第一个为true，就返回第二个数。

var date = new Date(); //获取当前日期
var week = date.getDay(); // 获取星期，数字0-6,0代表星期日
1、判断：（if、switch、三目运算符）
switch判断相等的适合，用的是全等===
2、循环：（for、while、do-while）
<script>
    /* 打印99乘法表 */
    document.write("<table border='1px' cellpadding='0' cellspacing='0'>");
    for (var i = 1; i <= 9; i++) {
        document.write("<tr>"); // 外循环,控制行
        for (var j = 1; j <= i; j++) {
            document.write("<td>");
            document.write(i +"*" + j +"="+(i*j));
            document.write("</td>");
        }
        document.write("</tr>");
    }
    document.write("</table>")
</script>

=========================================
var sum = 0;
if(var i=1; i<=1000; i++){
    if(i%7 === 0){
        continue; // 结束本次循环
    }
    sum += i;
}
continue; // 继续本次循环，进行下次循环。

break:立即退出循环
continue：立即退出当前循环，但退出循环后会从循环的顶部继续执行。

=========================================
输入数字（parseInt，Number）
var number = parseInt(prompt("请输入数字"))；
if(number) { // 非空数据
    // 不断的求倍数
} else if（number == 0）{
    console.log("1");
} else {
    console.log("输入的不是数字");
}

3、数组var array = ["zs", "ls", "ww", "zl"];
有序，可以是任意类型的数据的一组数。

/* 打印99乘法表 */
document.write("<table border='1px' cellpadding='0' cellspacing='0'>");
for (var i = 1; i <= 9; i++) {
	document.write("<tr>"); // 外循环,控制行
	for (var j = 1; j <= i; j++) {
		document.write("<td>");
		document.write(i +"*" + j +"="+(i*j));
		document.write("</td>"); 
	}
	document.write("</tr>");
}
document.write("</table>")

// 优化后的冒泡排序，减少不必要的排序次数，节约性能
<script>
	var array = [1, 3, 5, 8, 0];
	console.log(array);
	var inCount = 0;
	var outCount = 0;
	for (var i = 0; i < array.length; i++) {
		var isSort = true; // 默认已排序了
		for (var j = 0; j < array.length - 1 - i; j++) {
			if (array[j] < array[j + 1]) {
				var temp = array[j];
				array[j] = array[j + 1];
				array[j + 1] = temp;
				isSort = false;
			}
			inCount++;
		}
		outCount++;
		if(isSort) { // 已完成排序,退出循环
			break;
		}
	}
	console.log(array);
	console.log("内层循环次数：" + inCount);
	console.log("外层循环次数：" + outCount);
</script>

// 将数组，拼装成带|分割的字符串。
var array=["aa", "bb", "cc"];
var str = array[0]; // 从第一项开始取
var seperator = "|";
for(var i=1; i<array.length; i++) {
    str += seperator + array[i];
}