前端入门到熟悉day17

JavaScript组成
ECMAScript：解释器、翻译
DOM：Document Object Model
BOM：Browser Object Model
各组成部分的兼容性（低版本IE），兼容性问题由来

简易日历

• var arr = [];是一个数组对象  var arr = {};是一个对象

01变量的类型
类型：typeof运算符
用法、返回值
常见类型：
number、string、boolean、undefined、object、function
一个变量应该只存放一种类型的数据
可以同时声明多个变量 不能一个变量存放多种数据类型
5大基本的数据类型：string、number 、boolean、null、undefined
3大复杂数据类型：Object、Array、function

02数据类型转换
 在js中数据类型转换一般分为两种，即强制类型转换和隐式类型转换(利用js弱变量类型转换)。
强制转换：
        利用js提供的函数parseInt() ,parseFloat() ,Number(),Boolean()进行数据转换，顾名思义，前两个分别是对数据进行解析转换，前者是整数，后者是浮点数。他们解析的原则是从前往后进行解析，尽其所能。若存在有能识别的数字就解析，如果第一位就不是数字则返回NaN.Number则是对整体进行判断，是数字返回数字，否则NaN.Boolean()则是对是否存在和真假进行判断进行判断。

03字符串转换成数字

04NaN
NaN是number类型中一个特殊的数值，在JavaScript中它有个奇怪的定义：非数值（Not a Number）,即是一个不是数字的数值，这个数值用于表示一个本来要返回数值的操作数未返回数值的情况。

在其他语言中，任何数值在未返回都会得到错误，但在JS中，会返回NaN,这样它就不会抛出错误了，继续解析执行接下来的代码。

05求和改善

06隐式类型转换
加法
1）无论字符串里的内容为什么都是进行连接运算
2）如果想将字符串里面的数字进行加法运算需要转换为数字类型
parseInt（）方法
减法
1）如果字符里面为纯的数字，将会转换为数字类型进行运算
2）如果有字母或者特殊符号，将会出现NaN
、=（必须值跟类型都相同 并不是隐式类型转换）
减法 加法

07隐式类型转换2

08变量作用域
1、全局变量：函数外声明的变量，称为全部变量
 局部变量：函数内部使用var声明的变量，称为局部变量
在JS中，只有函数作用域，没有块级作用域！！！也就是说，if/for等有{}的结构体，并不能具备自己的作用域。
所以，函数外部不能访问函数内部局部变量（私有属性）。因为，函数内部的变量，在函数执行完毕以后，就会被释放掉

09变量作用域2

10闭包
使用闭包，可以访问函数的私有变量！
JS中，提供了一种“闭包”的概念：在函数内部，定义一个子函数，子函数可以访问父函数的私有便利。可以在子函数中进行操作，最后将子函数通过return返回
闭包的作用：
①可以在函数外部访问函数的私有变量
②让函数内部的变量可以始终存在于内存中，不会再函数调用完成后立即释放。

11取膜

12隔行变色
i从0开始的而不是从1开始

13运算符
算术：+ 加、- 减、* 乘、/ 除、% 取模
实例：隔行变色、秒转时间
赋值：=、+=、-=、*=、/=、%=
关系：<、>、<=、>=、、=、!=、!==
逻辑：&& 并且、|| 或、! 否
实例：全选与反选
运算符优先级：括号

14秒转时间

15两位数

16switch-case
switch case执行时，一定会先进行匹配，匹配成功返回当前case的值，再根据是否有break，判断是否继续输出，或是跳出判断。
还需注意的是case后面只能是常量，可以是运算表达式，但一定要符合正确的类型。不能是变量，即便变量在之前进行了赋值，依然会报错。

17三元运算符

18break和continue
break是结束整个循环体，continue是结束单次循环

19什么是真什么是假

20函数返回值
函数的执行结果
可以没有return
一个函数应该只返回一种类型的值
函数中参数和返回值不只是数字，还可以是字符串等其它类型。

21函数传参

22css函数

// function css(){
// if(arguments.length==2){
// //获取样式
// return arguments[0].style[arguments[1]];
// }else{
// //设置样式
// arguments[0].style[arguments[1]]=arguments[2];
// }
// }
// window.function(){
// var oDiv=document.getElementById(‘div1’);
// css(oDiv,‘background’,‘black’);
// alert(css(oDiv,‘width’));
// }

23获取行间样式