1.前端代码要行为(JavaScript)、样式(css)、结构(html)三分离;
2.建议jquery引入要在js之前,且js引入最好放页面最后;
3.Js数据类型:number、String、boolean、undefined、null、object、function。
(当变量未定义时类型为undefined,当变量只声明未赋值则类型为null,定义String类型的变量时建议用单引号);
4.各类型之间的转换:
转number类型: parseInt(’111’)111
parseInt(’a11’)Nan(not a number) //字符串只能是单纯的数字或以数字开头
parseInt(’11a’) 11
1/0 Infintity(无穷大)
2/0 Infintity(无穷大)
2/0=1/0 true
Parsefloat(‘1.1’) 1.1
Parsefloat(‘1’) 1
Parsefloat(‘1.0’) 1
Number(true) 1
Number(false) 0
Number(undefined) nan
Number(‘a’) nan
Number(‘1a’) nan //这里Number()和parseInt()有区别 -->parseInt(’11a’) 11
转String类型:String(1) ”1”
“1”+1 ”11”
a=111 a+””=“111”
转boolean类型: if()
Boolean()
“” Nan undefined null Infinity 0 -0 其他
False False False False true False False true
Var a={}, b=null; //空对象a、b
Boolean(a) true(有堆内存)
Boolean(b) false(只有栈内存)
5.运算符
+、-、、/、%、+=、-=、=、/=、%=、++、–、&&、||、!、>、<、>=、<=、、=、!==
优先级:
口诀:单目乘除为关系,逻辑三目后赋值。(++、–优先级最低,其次是赋值;括号优先级最高)
注释:单目:单目运算符+ –(负数) ++ – 等
乘除:算数单目运算符* / % + -
为:位移单目运算符<< >>
关系:关系单目运算符> < >= <= == !=
逻辑:逻辑单目运算符&& || & | ^
三目:三目单目运算符A > B ? X : Y
后:无意义,仅仅为了凑字数
赋值:赋值=
阻断式编程:
表达式1&&表达式2:如果表达式1为false(隐式类型转换),则执行表达式1,直接返回表达式1的结果;
如果表达式1为true(隐式类型转换),则执行表达式2,返回表达式2的结果。
表达式1||表达式2:如果表达式1为true(隐式类型转换),则执行表达式1,直接返回表达式1的结果;
如果表达式1为false(隐式类型转换),则执行表达式2,返回表达式2的结果。
6.尽量减少使用if—else单层结构,使用if(!表达式)减少层次;
- Var obj={a:1};
obj.b=2;
obj[‘c’]=3;
obj{a:1,b:2,c:3} //给对象加了属性b、c