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

时间:2022-05-21 10:14:12

话题一: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>