前端数据显示undefined_前端开发：初始javascript（下）
大家好，我是专注于前端开发，前端入门，精神可爱的前端小学妹，本期为大家带来的Web前端学习知识是”初始javascript（下）“，喜欢Web前端的朋友，一起看看吧！
主要内容：
- js的前世今生
- js的语法结构
- Javascript名词解释
- Javascript变量命名规则（重点）
- Javascript数据类型（重点）
- Javascript运算符(重点)
学习目标：
四、Javascript变量命名规则（重点）
4.1 声明变量
变量是干什么的，是存储数据的，那存储什么种类数据呢？
声明变量使用关键字：var(variable)
你给它赋什么类型的值，那么这个变量就是什么数据类型。
内存中堆区和栈区
4.1.1 单独声明
4.1.2 多个变量声明，中间用逗号隔开
4.1.3 重复声明
4.1.4 遗漏声明
4.1.5 显示声明与隐式声明区别
JS中变量声明分显式声明和隐式声明。
var name = 'muzidigbig';//显示声明
name = 'muzidigbig';//隐式声明（为全局对象（window）的一个属性）
4.2 JavaScript 严格模式(use strict)
4.3 变量提升
变量一定要先声明后使用，如果先使用后声明，js的内部机制自然使变量提升。
4.4 let 和var 的区别
var：variable,它是可变的。
let:块作用域。
4.5 变量的命名规则
变量的命名：变量是由字母，数字，下划线，$组成，但第一个字符必须是字母或者是下划线，$开头。
$:不建议使用，它可能会和其他的框架语法冲突，或者是函数的名字冲突
（1）JavaScript语言的标识符对大小写敏感，所以a和A是两个不同的标识符。
（2）首字母可以是任意字母以及美元符号和下划线。剩余可以是任意字母，美元符号，下划线和数字
（3）不能使用javascript中的关键字(保留字)来命名变量
（4）中文也可以声明变量，不建议使用它。
4.6 变量的命名方式
1）变量的命名规则
第一种命名：帕斯卡命名（大驼峰式命名）
每个单词的首字符大写。
例如：UserName。
第二种命名：小驼峰式命名
首个单词的首字母小写，其他后面单词的首字母大写。
例如：
例如：userName
第三种命名：匈牙利式命名
数据类型+单词（变量名）
Integer+age
Iage = 25;
String+address
Saddress = “西安”;
五、Javascript数据类型（重点）
数据类型分类：
在此基本的数据类型的基础上又增加了一个基本数据类型：Symbol，Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。
5.1 打印变量的数据类型：typeof
请注意：
NaN 的数据类型是 number
数组(Array)的数据类型是 object
日期(Date)的数据类型为 object
null 的数据类型是 object
未定义变量的数据类型为 undefined
5.1 基本数据类型
5.1.1数字类型(number)
c语言中：
int(整数),float(单精度浮点型),double(双精度浮点型)，char(字符),string(字符串)。
二进制(binary)：0b101010101
八进制：0o2535
十六进制：0x69852
进制转换：
toSring():十进制转换其他的进制
parseInt():其他的进制转换十进制
最大值：MAX_VALUE
最小值：MIN_VALUE
浮点数不能比较
NaN:Not a Number：不是一个数值
一些特殊情况（除数为0，最大值变化）
5.1.3布尔类型（boolean）
true(真),false（假），都是小写的。
TRUE,FALSE,True,False:这些都不正确。
5.1.2字符串类型(string)
字符串：加单引号或者是双引号
字符串连接：使用的是+
模板字符串：
5.1.4 undefined
typeof
5.1.5 null
typeof
null == undefined
5.1.6 null和undefined的区别
1.类型不相等
2.强制类型转换值不一样
var re1 = Number(undefined);//NaNvar re2 = Number(null);//0
- 比较
Null == undefined//true
Null === undefined//false
5.2 引用类型（object）
六、Javascript运算符(重点)
6.1算术运算符
+，-，*，/，%（求余数），++，--，**（求幂数-es7新增）
实例练习：
6.2一元运算符
+（正），-（负数），++，--
两数交换
6.3 比较（关系）运算符
>,<,>=,<=,!=,!==（不全等）,==,===(全等：值和类型都相等)
6.4逻辑运算符
&&：逻辑与,两个必须同时为真
true && true :true
false && true:false
true && false:false
false && false :false
八哥总结说明：
如果前面的表达式是true,就取后面的值，如果前面的表达式为false,就取前面的值。
||:逻辑或，只要有其中一个为真就可以
true || true :true
false || true:true
true || false:true
false || false :false
八哥总结说明：
如果前面的表达式是true,就取前面的值，如果前面的表达式为false,就取后面的值。
！：逻辑非,取反
例题：
console.log(10 && 'js');//js
console.log(0 && 'abc');//0
console.log(10 || 'js');//10
console.log(0 || 'abc');//abc
怎样输出：true和false
console.log(Boolean(0) && Boolean('abc'));
短路问题：输出结果是？
6.5赋值运算符
=,+=,-=,*=,/=,%=
=:赋值
==：比较（等于）
===：比较（全等）
6.6条件运算符（三目运算符）
表达式1?表达式2:表达式3
如果表达式1为真(true),计算表达式2的值，如果为假(false),计算表达式3的值。
6.7等性运算符
Null==undefined//true
Null===undefined//false
true == 1;
false ==0;
NaN == NaN//false
NaN !== NaN//true
6.8运算符的优先级
6.9 隐式类型转换
6.10强制类型转换
Number():转化成数值
只有纯数字的才能转换得到真实数字。
布尔类型转换为Number：true转换为1、false转换为0。
未定义类型转换为Number：underfind转换为NaN。
空类型转换为Number：null转换为0。
String()：转化成字符串
Boolean()：转化成布尔
八哥总结说明：
- NaN ,0 ,"", '' ,underfind, null 转换为：false。
- 正数，负数都是:true
- 只要不是空字符串都是：true
parseInt()：将字符串转化为整数
parseFloat()：将字符串转化为浮点数
作业：
1.变量加var和不加var的区别
2.变量的提升
3.短路的应用
好了，本期有关前端开发知识”初始javascript“已结束，喜欢并且有兴趣尝试做端开发的小伙伴，喜欢的话点个赞，我会继续更新其他内容哦，我们下期再见！