《权威指南》笔记 -- 8.5 、8.6

最新推荐文章于 2022-11-25 20:43:59 发布

奇克斯

最新推荐文章于 2022-11-25 20:43:59 发布

阅读量628

点赞数

分类专栏：《JavaScript权威指南》读书笔记

本文链接：https://blog.csdn.net/u010291694/article/details/46790069

版权

《JavaScript权威指南》读书笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

8.5 作为命名空间的函数

问题：js中无法声明一个代码块内可见的变量。
解决方法：简单定义一个函数用作临时的命名空间。
优点：函数内的变量，不会污染全局命名空间。

把8-3的代码根据自己记忆理解敲了一遍

<!-- 

    extend()拓展函数

    arguments
        - length : 2+
        |
        - type : object

    作用：将后面参数的属性，拓展到第一个参数中
 -->

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script type="text/javascript">


    var extend = (function(){

        //如果能在{toString：null}遍历盗toString属性，说明没有这个bug
        //在ie中，与object中自带属性重名的属性，是无法被遍历的
        for(var p in {toString:null}){
            return function extend(o){
                for(var i = 1; i < arguments.length;i++)
                {
                    var source = arguments[i];
                    for(var prop in source)
                    {
                        o[prop] = source[prop];
                    }
                }
                return o;
            }
        }

        //下面是存在bug的情况
        //Object.prototype上的属性不能被枚举
        //在末尾将这些属性单独拿出来，一一遍历
        return function patched_extend(o){
            for(var i = 1; i<arguments.length ; i++)
            {
                var source = arguments[i];
                for(var prop in source)
                {
                    o[prop] = source[prop];
                }
                for(var j=0;j<protoprops.length;j++)
                {
                    var prop = protoprops[j];
                    o[prop] = source[prop];
                }
            }

            return o;
        }

        var protoprops = ["toString","valueOf","constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString"];
    }());

        var a = {name:"qix"}, b = {age:12},c = {toString:"这是一个属性"};
        extend(a,b,c);

    </script>
</body>
</html>