悟透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>

巴特西

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

最新文章

热门文章