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.