JavaScript系列:模块化与链式编程

Posted 李可

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript系列:模块化与链式编程相关的知识,希望对你有一定的参考价值。

模块化:闭包和和函数作用域(JS没有块级作用域ES6之前)构造模块

技术分享
 1 var man=function(){
 2             var age=12;
 3             return {
 4                 getYear:function(){
 5                     return age;
 6                 },
 7                 setYear:function(n){
 8                     age=n;
 9                 }
10             }
11         }
12 
13         var peter=man();
14         document.write(peter.getYear()); //12
15         peter.setYear(20);
16         document.write(peter.getYear());//20
17         document.write(peter.age); //undefined 属性私有只能通过接口访问
无new,创建对象。对这个对象的属性,访问做限制(只能通过这个对象的方法来调用)

1,无new,创建对象。

2,对这个对象的属性,访问做限制(只能通过这个对象的方法来取得这个对象的属性

 

链式编程:

技术分享
 1 var man=function(){
 2             var age=12;
 3             return {
 4                 getYear:function(){
 5                    alert(age);
 6                     return this;
 7                 },
 8                 setYear:function(n){
 9                     age=n;
10                     return this;
11                 }
12             }
13         }
14 
15         var peter=man();
16         peter.getYear().setYear(20).getYear();  //级联
1无new,创建对象。2每个方法,除了动作,都要return this,this指向这个{}无名json对象。既有动作,有返回对象。达到链式

1,无new,创建对象。

2,每个方法,除了动作,都要return this,this指向这个{}无名json对象。

既有动作又返回对象达到链式

以上是关于JavaScript系列:模块化与链式编程的主要内容,如果未能解决你的问题,请参考以下文章

Javascript模块化编程:require.js的用法

Javascript模块化编程:require.js的用法

译文:18个实用的JavaScript代码片段,助你快速处理日常编程任务

Javascript模块化编程:require.js的用法

javascript 命名空间与运用(前端基础系列)

Javascript模块化编程:require.js的用法转