2019.7.20js基础知识整理
基础语法介绍
浏览器的内核
内核：负责页面内容的渲染
内容排版引擎 -- 解析的是HTML/CSS
脚本解释引擎 -- 解析JS
根据内核对浏览器的分类
浏览器 内核名 排版引擎 脚本解释引擎
IE Trident -（内核自带） Chakra
Firefox Gecko - Monkey
Chrome Webkit webcore V8
Safari Webkit webcore Nitro
2013之前的Opera
Opera presto - Carakan
2013~至今 Webkit webcore V8
最小的存储空间是：位
1TB
1GB
1MB
1KB
byte 字节
bit 位
number类型
可以表示32位（4个字节）的整数，也可以表示64位（8个字节）的浮点小数（小数）
八进制的数：以0开头 0 1 2 3 4 5 6 7 10
var num = 010;//十进制中的8
console.log(num);
十六进制的数 ： 以0x开头
十进制的整数 常用的
var num1 = 100;
出现同名的变量时，会将前面的变量值覆盖
var num = 500;
console.log(num);
var f = 3.1455;
var p = 3.14e10;
2、变量的声明
语法：
var 变量名; //声明
变量名 = 值; //赋值
var 变量名 = 值 ;//声明和赋值一起实现
注意： 虽然var可以省略，但是不要轻易的省略var关键字
省略了var表示该变量成为了 全局变量
3、变量命名的规范
不允许使用JS关键字以及保留字
可以包含字母、数字、下划线(_)以及$
变量名不能以数字开头
可以采用：驼峰 匈牙利命名 下划线命名....
// 1、声明一个变量，保存学生的年龄(stuAge)，值为18
var stuAge = 18;
// 2、声明一个变量，保存学生的成绩(stuScore)，值为98.5
var stuScore = 60;
// 3、声明一个变量，保存学生的姓名(stuName)，值为张三丰
var stuName = "张三丰" ;
// 4、声明一个变量，保存学生的性别(stuSex)，值为女
var stuSex = "女";
// 5、打印以上输入的变量的值 控制台输出
console.log(stuAge,stuScore,stuName,stuSex)
// stuName 年龄 stuAge 性别 stuSex 分数stuscore
console.log(stuName + "年龄" + stuAge + "性别" + stuSex + "分数" + stuScore);
// 算术运算符 + - * / %
// +：数字之间的运算，以及字符串之间的链接 只要 + 两边有任何一边是字符串的时候，那么就进行字符串的链接
var num1 = 10,num2 = 20 , stuName = 'aa';
var result1 = stuName + num1;// aa10
console.log(result1);
var result2 = num1 + num2;// 30
console.log(result2);
var result3 = num1 + num2 +stuName;//30aa 30 +'aa'
console.log(result3);
var result4 = stuName + num1 +num2;//aa1020
console.log(result4);
// % 取余数 模
console.log(5%2);
console.log(8%2);
// 适用的场合 判断奇数偶数 或倍数
console.log(9%3);
console.log(25%50);// 25
var num3 = 4569;
// 获取num3这个数字的十位数和千位数的数值？ 思考
console.log(5%2.4);//?
num = 12 ;// number
console.log(typeof(num));//number
var str = '你好';
var boo = false;
var und;
var result;
//number + string = string
result = num + str;
console.log('结果为：' + result + ",类型为：" + typeof(result));
// str + boo = ? 隐士转换：将boolean转换为string 在做运算 true转换为字符串 "true" false 转换为字符串"false"
result = boo + str;
console.log('结果为：' + result + ",类型为：" + typeof(result));
// str + und = ? 隐士转换：将und转换为string 在做运算
result = str + und;
console.log('结果为：' + result + ",类型为：" + typeof(result));
// 特点： 任何一种数据类型的数据，在和string做 "+"运算时，都会被转回或为string，再做运算
// num + boo =? 隐士转换：将boo转换为number类型，true为 1 false 0
result = num + boo ;
console.log('结果为：' + result + ",类型为：" + typeof(result));
// num + und = NaN ( not a number) 隐士转换：尝试将und转换为number，结果转换失败，返回结果NaN
result = num + und;
console.log('结果为：' + result + ",类型为：" + typeof(result));
// NaN ：not a number 不是一个数 类型为number
// 函数： isNaN(数据) 判断数据是否为 非数字类型（只判断数值，于类型无关） 如果是非数字类型返回true，否则返回false
console.log(isNaN("123"));//? true false
// boo + und =？ 隐士转换：将boo转换为number类型，true为 1 false 0 ；尝试将und转换为number，结果转换失败，返回结果NaN
result = boo + und;
console.log('结果为：' + result + ",类型为：" + typeof(result));
// 强制类型转换
// 1、toString() 转换成字符串 任何数据类型的数据均可以转换
var flag = false;
console.log(flag);
console.log(typeof flag.toString())
var n = 10;
console.log(n);
console.log(typeof n.toString())
// 2、parseInt(数据) 将数据转换为number类型（整数）转换成功返回数字 无法转换时 结果为 NaN
// 规则：碰到第一个非整数字符，则停止转换
// 适用场合：舍去小数位 取整
console.log(typeof parseInt("3.56"));
console.log(parseInt("3.56wesd"),typeof parseInt("3.56wesd"));//3 number
console.log(parseInt("aa3.56"),typeof parseInt("3.56wesd"));//NaN number
// 3、parseFloat(数据) 将数据转换为number类型的浮点数
// 规则：碰到第一个非小数点或数字字符，则停止转换
console.log(parseFloat("3.56wesd"),typeof parseFloat("3.56wesd"));//3.56 number
console.log(parseFloat("aaa"));//NaN 转换失败则结果为NaN
// 4、Number(数据) 将数据解析为number类型 注意：如果数据中包含了非数字 则返回 NaN
console.log(Number('3.56wes'));//NaN
console.log(Number('3.56'));//
