电脑现已成为我们工作、生活和娱乐必不可少的工具了，在使用电脑的过程中，可能会遇到js封装方法教程的问题，如果我们遇到了js封装方法教程的情况，该怎么处理怎么才能解决js封...
电脑现已成为我们工作、生活和娱乐必不可少的工具了，在使用电脑的过程中，可能会遇到js封装方法教程的问题，如果我们遇到了js封装方法教程的情况，该怎么处理怎么才能解决js封装方法教程带来的困扰呢，对于这样的问题其实我们只需要电脑sublime等文本编辑器带F12开发者模式功能的浏览器普通方法1function 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));普通方法2var testplus2 = fun这样就解决了这样的问题，接下来给大家带来js封装方法教程的详细操作步骤。
工具/原料
电脑
sublime等文本编辑器
带F12开发者模式功能的浏览器
创建普通方法及其运行示例
普通方法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));
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。
