前段 js 编写的私有规范

最新推荐文章于 2022-12-03 19:03:27 发布

懒人思维

最新推荐文章于 2022-12-03 19:03:27 发布

阅读量266

点赞数

本文链接：https://blog.csdn.net/zfj2016/article/details/53679316

版权

心得讲解

方法的集中写法

js 的区域规范化写法

区域的范围

代码展示】

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<div id="dkk">
<div class="first" style="width:90px;height:90px;background:red;">first</div>
<div class="sce" style="width:90px;height:90px;background:red;">sce</div>

</div>
<div id="sir" style="width:90px;height:90px;background:red">sir</div>
</body>
<script type="text/javascript" src="jquery-1.8.2.js"></script>
<script>
$(function(){
   obj.dier();
   obj.funName();
   // funname.myfun();
})
// 作为对象方法
var obj = {
funName:function(){
alert('这个必须放在一个对象内部，放在外边会出错！');
},
dier:function(){
   alert("生命在于尝试")
}
}

// 给对象添加方法
var funName = function(){}
funName.prototype.myfun = function(){
alert('这是在funName函数上的原始对象上加了一个myfun方法，构造函数中用到');
}
// 调用
var funname = new funName();// 创建对象
// funname.myfun();

// 给对象添加多个方法
// var funName = function(){}
// funName.prototype = {
// fun1:function(){
// alert('fun111');
// }
// ,fun2:function(){
// alert('fun2222');
// }
// }
// // 调用
// var funname = new funName();// 创建对象
// funname.fun1();
// funname.fun2();

(function($view) {
   var $merchantPage = $view.find(".first");
   var $cartPage = $view.find(".sce");
   var $shade = $view.find("#sir");



   function closePage() {
   alert('first')
   }

   function showCart() {
   alert('sce')
   }

   function showMerchant() {
   alert('sir')
   }
   var obj = {
   funName:function(){
   alert('funName');
   },
   dier:function(){
   alert("dier")
   }
   }

   var funName = function(){}
   funName.prototype = {
   fun1:function(){
   alert('caca');
   }
   ,fun2:function(){
   alert('ca o');
   }
   }
   var funname = new funName();
   // funname.fun2()

   $view
   .on("click", ".first", obj.funName)
   .on("click", ".sce", funname.fun2)
   .on("click", "#sir", closePage)
   ;

})($(document.getElementById("dkk")))
</script>