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

一 ：javascript 的组成 Javascript是一门轻量级的脚本编程语言 由ECMAScript DOM BOM 这三部分组成ECMAScript（4 5） ：定义了JS里面的命名规范，变量，数据类型，基本语法，和操作语句最核心的东西等DOM document object model 文档对象模型BOM browser object model浏览器对象模型 第一块： ECMAScript 1、命名规范 避开关键字 保留字 （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 ===这也是比较