耽美漫画

如题,既然说是封装方法的教程,首先要搞清楚封装是怎么一回事,在变成中,所谓封装,就是隐藏对象的属性和实现细节,然后只对外公开相应的接口,控制在程序中属性的读和修改的访问级别;将抽象得到的数据和行为(或功能)相结合,形成一个有机的整体,也就是将数据与操作数据的源代码进行有机的结合,形成“类”,其中数据和函数都是类的成员。本文给大家讲解一下如何封装JS的方法,JS的方法封装主要有两种方式,第一种是封装成对象,第二种是封装成类。

创建普通方法及其运行示例

普通方法1

function testplus(a,b){

return a+b;

}

function testsub(a,b){

return a-b;

}

console.log(“常规方法1:a=10,b=4的计算结果分别为:”+testplus(10,4)+”,”+testsub(10,4));

普通方法2

var testplus2 = function(a,b){

return a+b;

}

var testsub2 = function(a,v){

return a+b;

}

console.log(“常规方法2:a=10,b=4的计算结果分别为:”+testplus(10,4)+”,”+testsub(10,4));

把普通方法封装成对象

封装成对象1

var fun = {

plus:function(a,b){

return a+b;

},

sub:function(a,b){

return a-b;

}

}

console.log(“封装成对象1:a=10,b=4的计算结果分别为:”+fun.plus(10,4)+”,”+fun.sub(10,4));

封装成对象2

var fun2 = {}

fun2.plus=function(a,b){

return a+b;

};

fun2.sub=function(a,b){

return a-b;

};

console.log(“封装成对象2:a=10,b=4的计算结果分别为:”+fun2.plus(10,4)+”,”+fun2.sub(10,4));

封装成类

封装成类1

var lei = function(){

this.plus = function(a,b){

return a+b;

};

this.sub = function(a,b){

return a-b;

};

}

var l = new lei();

console.log(“封装成类1:a=10,b=4的计算结果分别为:”+l.plus(10,4)+”,”+l.sub(10,4));

封装成类2

var lei2 = function(){};

lei2.prototype.plus = function(a,b){

return a+b;

};

lei2.prototype.sub = function(a,b){

return a-b;

};

var l2 = new lei2();

console.log(“封装成类2:a=10,b=4的计算结果分别为:”+l2.plus(10,4)+”,”+l2.sub(10,4));

封装成类3

var lei3 = function(){};

lei3.prototype={

plus:function(a,b){

return a+b;

},

sub:function(a,b){

return a-b;

}

}

var l3 = new lei3();

console.log(“封装成类3:a=10,b=4的计算结果分别为:”+l3.plus(10,4)+”,”+l3.sub(10,4));

 

原文链接:https://jingyan.baidu.com/article/4e5b3e19e5cd2391901e242c.html

原文配有图片,更容易理解,有需要的直接访问即可,

感谢访问前端客栈,前端客栈域名:www.942ss.com