javascript 学习笔记
目录
类型(Types)
对象 (Object)
数组 (Arrays)
字符串 (String)
函数 (Functions)
属性 (Properties)
变量 (Variables)
置顶解析（Hoisting）
条件表达式(Conditional Expressions & Equality)
代码块(Blocks)
注释 (Comments)
空格 (WhiteSpace)
类型
ECMScript变量可能包含2中不同数据类型的值：基本类型值和引用类型值
基本类型：基本类型变量是按值访问的，操作的是变量中实际的值。
string
number
boolean
null
undefined
var foo=1, bar=foo; bar=9; console.log(foo,bar); //=> 1,9
引用类型：引用类型的值是按引用访问的。
引用类型的值是保存在内存中的对象。javascript不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间，所以我们实际操作的是对象的引用，而不是实际的对象。
object
array
function
我们可以通过下面的实例代码来了解：
var foo=[1,2], bar=foo; bar[0]=9; console.log(bar[0],foo[0]); // =>9,9
对象(Objects)
1 推荐使用对象字面量的方式来创建对象
//不推荐的方式
var obj=new Object();
//推荐的方式
var obj={};
2 不要使用保留字作为对象的key
//不好的是使用方式
var man={
class:'super',
};
// 好的使用方式
var man={
klass:'super',
defaults:{clack:'kent'},
hidden:true
};
数组（Arrays）
(1) 使用字面量的方式创建数组
//不推荐的方式 var items=new Array(); //推荐的方式 var items=[];
(2) 如果你不知道数组的长度
var someStack=[];
//不推荐的方式
someStack[someStack.length]='abcdefg';
//推荐的方式
someStack.push('abcdefg');
(3) 当你要复制数组的时候，请使用slice
var len=items.length,
copyItem=[],
i;
// 不推荐的方式
for(i=0;i<len;i++){
copyItem[i]=items[i]l
}
//推荐的方式
copyItem=items.slice();
字符串
使用单引号‘ ’修饰字符串
//bad String str="Bob Para"; // good String str='Bob Para';
函数
函数表达式
//匿名函数表达式
var anonymous=function(){
return true;
}
//命名函数表达式
var named=function named(){
return true;
}
//立即执行函数表达式
(function(){
console.log('hello world');
})();
千万不要再block代码块（类似 if try while 等等）里面定义函数，但是你可以在block代码块里定义函数表达式。
// bad 不推荐的方式
if(currentUser){
function(){
console.log('bad');
}
}
// good 推荐的方式
if(currentUser){
var test=function test(){
console.log('good');
}
}
不要给函数参数命名为arguments，这样就会覆盖函数本身自带的arguments关键字
//bad 不要这么定义函数
function demo(arguments,name){
...
}
属性
使用逗号，访问属性
var luck={
jedi:true,
age:28
}
//bad
var isJedi=luck['jedi'];
// good
var isJedi=luck.jedi;
变量
坚持一直使用var来声明变量
坚持使用单var 来声明多个变量
//bad var items=getItems(); var flag=true; var ball='z'; //good var items=getItems(), flag=true, ball='z';
当声明多个变量的时候，把没有赋值的变量放在最后
//bad var i,len, items=getItems(), flag=true; //good var items=getItems(), flag=true, i,len;
变量声明在最顶部，这可以帮我们避免变量hosting的问题
//bad
function(){
test();
console.log("logger.....");
var name=getName();
if(name==='test'){
return false;
}
return name;
}
//good
function(){
var name=getName();
test();
console.log("logger....");
if(name==='test'){
return false;
}
return name;
}
置顶解析
现在我们就来看看一些变量置顶解析的问题
function example(){
console.log(temp); //
}
function example(){
console.log(temp);
var temp=true; // undefined
}
其实上面的例子，实际代码是这样的，这样就能理解为什么是undefined了。
这里也还需要注意一下，变量声明可以置顶，但是赋值不会置顶。
把代码翻译一下其实就是这样的：
function example(){
var temp;
console.log(temp);
temp=true;
}
这个例子就是我们要说的hosting：变量置顶解析，函数声明也存在置顶解析，但是函数表达式不能置顶解析，我们看下面的例子。
function example(){
test(); // test
function test(){
console.log('test');
}
}
function example(){
test(); //
var test=function test(){
console.log('test');
}
}
条件表达式
使用=== 和 ！== 替换 == 和 ！=
其他类型的值转boolean（Boolean（ojb））类型规则：
1、Boolean(obj) ==>true
2、Boolean（undefined) ==>false
3、Boolean(null) ==>false
4 Boolean(true)==> true Boolean(false)==>false
5 字符串除‘’为false外，其余均为true ：Boolean("str")==>true Boolean('')==>false
6 number类型的除 +0 -0 NaN外，其余均为true
那我们就来看看怎么在代码中活用上面的转换吧
//bad
if(name!==''){
....
}
//good 我以前就是上面那种写法，看来以后我就可以改用这种写法了
if(name){
..
}
//bad
if(
代码块
多行代码块请使用大括号{ }
//bad
if(test)
return false;
//good
if(test)return false;
//good
if(test){
return false;
}
//bad
function() { return false;}
function (){
return false;
}
注释
多行注释使用/** ......*/,指出方法 参数和返回值的类型，在注释前，留一个空行