闭包测试

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title> </title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript">
var product = { name: '嘎嘎', len: 15 };
var TestFn1= (function TestFn(cfg) {
var $nav1 = 1;
var $nav2 = 2;
function gg() {
$("#range_buy").html($nav1 + ' ' + cfg.name+'在叫');
}
var o = new Object();
o.showMsg = gg;
return o;
})(product);
var TestFn2 = (function () {
var $nav1 = 1;
var $nav2 = 2;
var gg = function () {
$("#range_buy").html($nav1 + '55');
console.log(11);
}
var o = {
run: gg
}
return o;
})();
function mm() {
var mi = 123;
function show() {
console.log('笑死'+mi);
}
show();
}
function mm2() {
TestFn2.run();
}
$(document).ready(function () {
$("#btnTest").click(function () {
//TestFn2.run();
TestFn1.showMsg();
});
});

</script>
</head>
<body>
<div id="range_buy" style="height:100px;width:200px;">
</div>
<input type="button" id="btnTest" value="测试" >
</body>
</html>

Biegral Blog

闭包测试

阅读排行

分类

归档