Fork me on GitHub

20151116小问题

1.demo

作为新手,总听总见有人说"做了一个什么的小demo",上传了个小demo,大家看下效果;为了更直观的了解它,可以点击查看作的小demo.

一直不知道demo是什么,今天查看了下,百度百科写的是DEMO是demonstration的缩写。

DEMO的中文含意为“示范”、“展示”、“样片”、“样稿”,常被用来称呼具有示范或展示功能及意味的事物。

现在想demo大概就是小示例吧

 

2.方法

<!DOCTYPE html> 
<head> 
</head> 
<body> 
    <!--<iframe id="m">abc</iframe>--> 
    <script src="scripts/jquery.min.js"></script> 
    <!--<script src="temp.js"></script>--> 
    <script language="javascript"> 
        window.console.log("================================="); 
        var p0 = function (e) { 
            window.console.log("self:" + e); 
        }; 
        p0("outp0"); 
        // 1:由于 p0 是一个 function,所以可以被 new,function 本身就相当于构造器了; 
        // 2:不过因为 p0 本身内部没有参数、方法或者 return,所以 A 基本没什么用处; 
        var A = new p0("p0");
 
        window.console.log("================================="); 
        var p00 = function (e) { 
            window.console.log("self:" + e); 
            return function f(m) { 
                window.console.log("newo:" + m); 
            }; 
        }; 
        // 构造器就是 p00 这个方法本身; 
        var B = new p00("outp00B"); 
        // 由于 p00 return 一个 function,所以 x 可以执行自己,即被调用; 
        B("BB"); 
        // 上面说了,由于 x 是一个 function,所以可以被 new 
        var C = new B("outp00C"); 
        
        
        window.console.log("================================="); 
        var p01 = function (e) { 
            window.console.log("self:" + e); 
            return (function f(m) { 
                window.console.log("newo:" + m); 
            })("p01"); 
        }; 
        // p01 return 的本身是一个立即执行的匿名方法, 
        // 于是很不幸,D 本身变成什么也不是了,以下代码不能执行 
        //   D("DD"); 
        // 不同于 B,B 是 function 本身,所以可以执行 
        var D = new p01("outp01D"); 
        
        window.console.log("================================="); 
        // p1 是定义了一个匿名方法,并立即执行它,并且说明也没返回(或者说返回 null),所以: 
        // 1: p1 即不能被 new ,即 new p1(); 
        // 2: 也不能执行,即 p1(); 
        var p1 = (function (e) { 
            window.console.log("self:" + e); 
        })("p1");
 
        window.console.log("================================="); 
        var p11 = (function (e) { 
            window.console.log("self:" + e); 
            return function (m) { 
                window.console.log("newo:" + m + e); 
            }; 
        })("p11"); 
        // p11 定义了一个匿名方法,并且立即执行了它,同时返回了一个方法,所以 
        // 1:p11 本身就代表了这个被 return 的方法,所以可被执行,即 p11("x"); 
        // 2:因为 p11 本身是 function,故可以 new 
        p11("outp11_2"); 
        var E = new p11("outp11"); 
        
        window.console.log("================================="); 
        // 1:在这里,对于 p12 而言,实际上 e 永远等于字符串 “p12” 
        // 2:在实际应用中,可能会传入一个待处理的对象; 
        // 3:new p12("outp12");  
        //    error: 因为 p12 没有 return 一个 funtion,所以它不能 new 出一个对象; 
        // 4:调用 p12.p121 或 p12.p122 实际调用的是其代表的方法。 
        // 5:如,调用 p12.p122, 
        //      首先执行 p12.p122 方法本身; 
        //      其次,方法参数中又有一个方法,p12.p122 调用了它 
        //      e 是 p12 这个对象的内部变量,而 options 则是 p122 的参数 
        var p12 = (function (e) { 
            window.console.log("self:" + e); 
            return { 
                p121: function (m) { window.console.log("newo:" + m); }, 
                p122: function (options, fn) { 
                    fn(e + options); 
                } 
            }; 
        })("p12"); 
        p12.p121("outp121"); 
        p12.p122("outp122", function (e) { 
            window.console.log("invoker:" + e) 
        }); 
    </script> 
</body> 
</html>
详解:

(1)对象,即new

由于p0是一个function,所以被new一个实例,function本身就相当于构造器了.不过因为p0本身内部没有参数,方法或者return,所以A基本没有什么用处.

由于p00 return一个function,所以B可以执行自己,即被调用;B(“BB”),上面说了,由于B是一个function,所以可以被new.

(2)匿名方法及立即执行

p01 return的本身是一个立即执行的匿名方法,所以D本身变成什么也不是了,如果输入D("DD"),则不能被执行,不同于B,B是function本身,所以可以执行.

p1是定义了一个匿名方法,并立即执行它,并且说明也没返回(或者说返回null),所以,p1既不能被new(new p1();),也不能执行(p1();).

p11定义了一个匿名方法,并且立即执行它,同时返回了一个方法,所以:p11本身就代表了这个被return的方法,所以可被执行,即p1(“x”),因为p11本身是function,故可以new.

引用:http://www.2cto.com/kf/201404/290087.html

posted @ 2015-11-17 07:27  sunshinegirl_7  阅读(279)  评论(0编辑  收藏  举报