前端整个javascript中的学习总结解读.docx

一：javascript的组成Javascript是一门轻量级的脚本编程语言由ECMAScript DOM BOM 这三部分组成ECMAScript（4 5）：定义了JS里面的命名规范，变量，数据类型，基本语法，和操作语句最核心的东西等DOM document object model 文档对象模型BOM browser object model 浏览器对象模型第一块： ECMAScript1、命名规范避开关键字保留字（1、在JS当中严格区分大小 2、驼峰命名法首字母小写，其他有意义的单词首字母大写 3、可以使用数字字母下划线和$符号----数字不能作为首位）------------------关键字：在JS当中有特殊意义的字保留字：未来可能成为关键字的2、变量：可变的量JS当中的变量是个抽象的概念，用来存储值和代表值的！在JS当中定义一个变量非常简单 var变量名=变量值;=是赋值操作，左边是变量名右边是存储的值JS当中的变量是松散类型的，通过一个var 变量名就可以存储任何的数据类型！3、数据类型Js当中的数据类型的分类1基本数据类型：由简单的结构组成数字number字符串 string布尔boolean null undefined 2 引用数据类型 :结构相对复杂一些的对象数据类型：object (数组和正则都是对象数据类型)函数数据类型：function 具体的数据类型详解1，number 数据类型：整数负数 0小数 NaN (不是一个有效数但是他属于number类型的)NaN==NaN是不相等的isNaN检测是不是一个有效的数，是一个有效的数返回false 不是一个有效的数是true ，如果检测的值不是number类型的浏览器会默认的转换成number类型的然后在判断是否是有效数组isNaN（”123”）先经过Number(“123”) 转化成123,Number 强制将其他的数据类型转化成number 要求如果是字符串的话一定是数字才可以转化; 案例：Number（“12px”）=NaN非强制数据类型转化：parseInt parseFloatparseInt:从左到右一个个查找，把是数字的转化为有效的数字，中途如果遇到一个非有效的数字就不再查找了！Console.log(parseInt(“12px”));===12parseFloat:和上面的一样只是可以多识别一个.点console.log(parseInt(“12.333px”));-------------------12console.log(parseFloat(“12.2333px”));--------------12.2333案例：var =Number(“12px”);if(var ==12){ console.log(12);}else if(var ==NaN){Console.log(“我是NaN”);}else{Console.log(以上俩个条件都不成立);}重点2.boolean！一个叹号是取反，先将值转化为布尔类型值，然后再取反数据类型转化的规则：判断一个值是真是假，只有 null 0 NaN “” undefined 为假其余的值都为真，[] {} 空数组和空对象都为真如果俩个值比较，遵循这个规律://val1==val2 俩个值不是同一种数据类型的：如果是==进行比较的话会进行默认的数据类型转化：1.对象和对象比较永远不相等 []==[]----false {}=={}---false function fn(){}=function fn(){}-------false2 对象和字符串先将对象转化为字符串然后在进行比较 []==”” [].toString()-----------经过toString方法把对象转化为字符串[]数组转化为字符串为空字符串 true{}转化为字符串为“[ object Object]” 所以{}==“” ------------false3，对象==布尔类型对象先转化为字符串（toString()）然后在转化为数字(Number())布尔类型也转化为数字(true 为1，false为0)4，对象和数字 : 对象先转化为字符串（toString()）然后在转化为数字(Number())[]==1false 5数字和布尔布尔转化为数字6，字符串和数字字符串转化为数字7字符串和布尔都转化为数字8.null ==undefined true9.null 和undefined 和其他数据类型比较都是false 3 ===这也是比较如果数据类型不一样绝对不相当Null===undefined false