JS基础
Posted 君临天下丶
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS基础相关的知识，希望对你有一定的参考价值。
2017-12-17 17:37:47
一、输出消息的几种方式
JS中区分大小写，采用typeof()可以判断数据类型
相关运算
其他参考W3Cschool
二、数据类型转换
1 数字类型转字符串
两种方法：string(n1) n1.tostring()
2 字符串转数字类型
Number: number(n1);
★数字类型的字符串，转换之后得到的数字。
★非数字字符串，转换之后得到是NaN。
★小数类型的字符串，转换之后得到的是原数字。
parseInt:
★整数数字类型的字符串，转换之后得到的整数数字。
★数字开头的字符串，转换之后得到的是前边的数字。
★非数字开头的字符串，转换之后得到的是NaN。
★小数类型的字符串，转换之后取整。
parseFloat:
★整数数字类型的字符串，转换之后得到的整数数字。
★数字开头的字符串，转换之后得到的是前边的数字。
★非数字开头的字符串，转换之后得到的是NaN。
★小数类型的字符串，转换之后得到的是原数字。
3 转布尔类型
★数字和字符串转完之后为true。
★undefined、null、0转完之后为false.
4 等号运算符
“=”赋值运算符
“==”只判断内容是否相同，不判断数据类型。
“===”不仅判断内容，还判断数据类型是否相同。
！= 只判断内容是否不相同，不判断数据类型。
！==不全等于 不仅判断内容是否不相同，还判断数据类型是否不相同。
5 三元表达式
表达式?结果1：结果2；
如果表达式结果为true,执行结果1，如果表达式结果为false,执行结果2.
可以理解为if else 的另外一种写法。
三、相关循环
１ Break语句
在循环体内，只要代码遇到break,程序立马结束当前循环。
当前循环指的是break语句所在的循环体。
2 continue语句
Continue语句指的是跳出本次循环，该语句后面的代码不再执行,整个循环体继续循环。
3 数组合并
使用concat方法合并数组。
4 Join 方法 返回一个字符串
在数组中使用join方法把各数组元素连接起来，array.join("|");
return语句：
1.函数的返回值必须要执行函数才能得到。
2.return可以切断函数，函数使用return语句后，这个函数会在执行完 return 语句之后停止并立即退出，也就是说return后面的所有其他代码都不会再执行。
continue和break是跳出函数
隐式全局变量
function fn（）{
var a = b = c = 1; // b和c就是隐式全局变量（等号）
var a = 1; b = 2; c = 3; // b和c就是隐式全局变量（分号）
var a = 1 , b = 2 , c = 3; // b和c就不是隐式全局变量（逗号）
}
；代表的是一行的结束和换行，即使是在函数内部的全局变量，也需要先调用函数才可以调用里面的全局变量。
预解析
//提前看一眼这个习惯叫什么呢？ 预解析！
//变量声明提升：在预解析的时候，成员变量和函数，被提升到最高位置，方便其他程序访问。
//变量声明提升特点：成员变量只提升变量名，不提升变量值。但是，函数是所有内容全部提升。（function直接定义的）
//函数范围内照样会出现变量声明提升
//什么情况容易出现变量声明提升：使用变量在定义变量之前。
递归：函数自己调用自己，但是必须要有跳出循环的条件。
回调函数：
面向对象和基于对象：
什么时候用margin和padding（不考虑宽高）
1.需要使用背景图的时候必须用padding。
2.会出现外边距合并或者margin塌陷的时候用padding。
3.行内元素上下只能设置padding，不能设置margin。（行内高16px）
4.看border，如果是a连接，看能不能让字体变色，或者显示小手。
5.看需求。
层级：必须有定位，还有z-index
浮动的盒子层级比标准流的高，会把标准流的盒子压在下面。
浮动的盒子不允许超出父盒子
以上是关于JS基础的主要内容，如果未能解决你的问题，请参考以下文章