悟透Javascript undefined,null,"",0这四个值转换为逻辑值时就是false &this关键字

话题一：undefined,null,"",0这四个值转换为逻辑值时就是false

也就是在if判断时会把上面的五个作为false来判断。但是它们的类型确是不尽相同的，如下所示。

typeof(undefined) == 'undefined'
typeof(null) == 'object'
typeof("") == 'string'
typeof(0) == 'number'
typeof(false) == 'boolean'

下面是案例来说明，逻辑值为false的情况。

<script type="text/javascript">
function myFunc(){
if(!undefined){
alert("test1");
}
if(!null){
alert("test2");
}
if(!""){
alert("test3");
}
if(!0){
alert("test4");
}
if(!false){
alert("test5");
}
}
myFunc();
</script>

这些都会通过判断，因为它们都表示false。

另外再补充一下

"123" == 123 返回true
"123" === 123 返回false

三个等于号表示完全等，类型也要相等，前面的一二三表示字符串，后面的是数字。

话题二：Javascript中的函数与变量的关系？

javascript中，函数就是变量，函数体就是变量内容。
javascript执行引擎并非一行一行地分析和执行程序，而是一段一段地分析执行的。在同一段程序分析执行中，定义式的函数语句会被提取出来优先执行。
函数定义执行完之后，才会按照顺序执行其他语句代码。

案例一：

<script type="text/javascript">
function myfunc(){
alert("hello");
}
myfunc();

function myfunc(){
alert("yeah");
}
myfunc();
</script>

这段代码两次执行结果都是yeah，这就验证了刚才所说的了。前面的函数被后面覆盖了。

案例二：

<script type="text/javascript">
function myfunc(){
alert("hello");
}
myfunc();
</script>
<script type="text/javascript">
function myfunc(){
alert("yeah");
}
myfunc();
</script>

就会先执行hello，然后执行yeah了。因为分成两段，就一段一段执行了。这里要能去想象javascript解释器的工作机制。

案例三：

<script type="text/javascript">
function myfunc(){
alert("hello");
}
myfunc();
var myfunc = function(){
alert("yeah");
}
myfunc();
</script>

会先hello，然后yeah，为什么呢。因为第二个是定义变量的方式定义函数，不会优先执行。所以不会覆盖掉之前的函数。

话题三：javascript作用域？

var myName = "zhang";
就定义了window作用域的一个变量myName。
myName = "zhang";
就定义了window对象的一个属性myName。
两者几乎没有区别。对于全局的Javascript语句来说，加不加"var"都无所谓，但是对于一个函数体，就有区别了。
案例：

<script type="text/javascript">
var yourName = '王菲';//定义变量
myName = 'Jim';//定义属性
alert(myName+" like "+yourName);//输出"Jim like 王菲"
ChangeNames();
function ChangeNames(){
alert("Your old name is "+yourName);//输出"Your old name is undefined"
alert("My old name is "+myName);//输出"My old name is Jim"
var yourName = "李亚鹏";
myName = "JiQing";
alert(myName+" like "+yourName);//输出"JiQing like 李亚鹏"
}
alert(myName+" like "+yourName);//输出"JiQing like 王菲"
</script>

这里面可以看出，定义成var的格式，函数里的yourName与函数外的yourName没有关系。
而没有定义成var的格式，函数里的变量和外的是相关联的，是一个东西，里面变化了，外面也收到影响。
比如myName。
当代码运行进入一个函数时，Javascript会创建一个新的作用域。变量名最好加个"var",这样作用域不容易产生混淆。

话题四：函数和对象

1.任何一个函数都可以为其动态地添加或去除属性。函数具有对象性。

案例：

<script type="text/javascript">
function Sing(){
alert(Sing.author+" : "+Sing.poem);
}
Sing.author = "李白";
Sing.poem = "汉家秦地月，流影照明妃。一上玉关道，天涯去不归。";
Sing();//输出"李白：汉家秦地月，流影照明妃。一上玉关道，天涯去不归。"
Sing.author = "李战";
Sing.poem = "日出汉家天，月落阴山前。女儿琵琶怨，已唱三千年。";
Sing();//输出"李战：日出汉家天，月落阴山前。女儿琵琶怨，已唱三千年。"
</script>

2.对象和函数的波粒二象性，即有数组的特点又有对象属性的特点

案例：

<script type="text/javascript">
var anObject = {};
anObject.aProperty = "Property of object";
anObject.aMethod = function(){
alert("Method of object");
}
alert(anObject["aProperty"]);//输出"Property of object"
anObject["aMethod"]();//输出"Method of object"
alert(anObject.aProperty);//输出"Property of object"
anObject.aMethod();//输出"Method of object"
</script>

既可以以数组的方式输出，又可以以对象属性的方式输出。

话题五：this关键字

在Javascript函数中，你只能把this看成当前服务的"这个"对象。

<script type="text/javascript">
function WhoAmI(){
alert("I'm "+this.name+" of "+typeof(this));
}
WhoAmI();//this是window
var BillGates = {name:"Bill Gates"};
BillGates.WhoAmI = WhoAmI;//将函数WhoAmI作为BillGates的方法
BillGates.WhoAmI();//this是BillGates

var SteveJobs = {name:"SteveJobs"};
SteveJobs.WhoAmI = WhoAmI;
SteveJobs.WhoAmI();//this是SteveJobs

WhoAmI.call(BillGates);//直接将BillGates作为this，调用WhoAmI
WhoAmI.call(SteveJobs);//直接将SteveJobs作为this，调用WhoAmI

BillGates.WhoAmI.call(SteveJobs);//this是SteveJobs,调用BillGates的WhoAmI方法
SteveJobs.WhoAmI.call(BillGates);//this是BillGates,调用SteveJobs的WhoAmI方法

WhoAmI.WhoAmI = WhoAmI;//将函数WhoAmI作为WhoAmI的方法
WhoAmI.name = "WhoAmI";
WhoAmI.WhoAmI();
</script>