js封装的方法

js 封装是什么意思啊?可以举个例子吗

1、JS封装就是尽量把使用的方式简单化,内部逻辑和使用解耦。通俗的说就是使用的时候只需要知道参数和返回值,其他条件尽量不要使用人员进行设置。

2、JS封装的方法有函数方式、对象的方式、闭包的方式。

举例

1)函数方式
function kk(a,b){
   内部对a,b怎么处理就不需要关心了
}

2)对象方式
function kk(a,b){
   this.x = a;
   this.y = b;
}
var k = new kk(1,2);//通过面向对象的方式
alert(k.x);
3)闭包方式
function kk(a,b){
   var k = 1;
   return function tt(){
      k++;
   }
}
var u = kk(1,2);
u();//闭包实现累加
u();//闭包实现累加

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-10-07
//简单理解如下:
//封装:将字段,属性,方法等封装成类
//例如:将人封装成一个类,有name,age等字段,有eat方法
 function Person(name, age){ 
         this._name = name; 
         this._age = age; 
         this.getAge = function(){ 
              return this.age; 
         }; 
         this.setAge = function(value){ 
             this.age = value; 
         }; 
         this.getName = function(){ 
             return this.name;
         }; 
         this.eat=function()
         {
             alert(this._name+" Eat!");        
         };
 }

 //使用这个类:
var p1 = new Person("张三", 12);
p1.eat();

追问

可以简单、详细点吗

追答

这已经说的很简单。

追问

完全不懂

本回答被网友采纳
第2个回答  2015-08-10
//简单理解如下:
//封装:将字段,属性,方法等封装成类
//例如:将人封装成一个类,有name,age等字段,有eat方法
function Person(name, age){
this._name = name;
this._age = age;
this.getAge = function(){
return this.age;
};
this.setAge = function(value){
this.age = value;
};
this.getName = function(){
return this.name;
};
this.eat=function()
{
alert(this._name+" Eat!");
};
}

//使用这个类:
var p1 = new Person("张三", 12);
p1.eat();

JS封装自己的call、apply和bind方法详解
function a() { console.log(this.name); } const b = { name: "segmentFault" } a.bind(b, 1, 2, 3)此时输出segmentFault 正式开始自己实现call :在函数原型上定义自己的myCall方法:Function.prototype.myCall = function (context, ...arg) { const fn = Symbol('临时属性') context[...

js代码如何封装添加class?
编写一个封装JavaScript函数以添加元素类,主要使用DOM API实现。下面示例展示了一个基本封装方法:该函数接收两个参数,第一个参数`element`为目标添加类的元素,第二个参数`className`为需添加的类名。首先,函数获取元素当前的类属性值,然后将`className`加入其中,最后将更新后的类属性值设置回元素。使...

原生JS 封装三种 loading 动画
在JavaScript代码中,定义Loading原型链上的init方法,用于初始化loading效果。根据三种类型(type值)的不同,对Loading的innerHTML进行相应的编写,实现不同动画效果。重要的是,每次效果变化时,都会删除子节点以确保动画流畅。至此,JS的loading封装完成,接下来是CSS动画实现。在CSS文件中,对loading整体进行...

js怎么把数据封装成一个只有一个list属性的实体类对象
在前台封装成JSON对象,通过AJAX传到后台,在通过解析JSON串拿到各个属性值封装成对象就行了

JS 分片任务的高阶函数封装
我们可以封装成一个高阶函数,让开发者能够根据需要自定义执行逻辑,例如定义执行间隔和任务内容。示例如下:通过封装高阶函数,我们可以将任务分片执行的机制抽象出来,提升代码的复用性和灵活性。这样,无论面对何种任务,只要调用这个函数,就能有效减轻页面的负担,提升用户体验。

js怎么把数据封装成一个只有一个list属性的实体类对象
在前台封装成JSON对象,通过AJAX传到后台,在通过解析JSON串拿到各个属性值封装成对象就行了

【Flutter】利用Future封装出js中的Promise
前端的同学对 Promise 肯定都很熟悉,而 Future 便是 dart 中 Promise ,但方法名称和使用方式还是有些许的差异的。下面我们尝试,利用 Future 封装出js中我们熟悉的 Promise 。https:\/\/es6.ruanyifeng.com\/#docs\/promise 使用示例 Promise.all , Promise.race , Promise.resolve , Promise....

js中的function是什么意思?
在JavaScript中,function是一种用来封装可重用代码的方式。相当于一种特殊的对象,可以实现对代码的组织和封装。创建一个function后,就可以通过调用它来执行其中封装的代码,从而实现代码的重复使用。Function在JavaScript中具有许多特性。比如函数可以接收传入的参数,并在函数体内对其进行处理;函数可以返回一个...

原生JS 封装三种 loading 动画
为解决项目中加载动画需求,特封装原生 JS 实现三种不同动画效果。以下为具体实现步骤。首先,将项目文件上传至码云平台,通过该链接可直接访问页面,查看加载动画效果。针对此问题,设计了三种不同类型的加载动画。具体实现如下:在 `loading.js` 文件中,定义了 `init` 方法用于初始化动画效果。对于三种 ...

前端: 如何快速将应用封装成js-sdk?
在框架设计上,我们采用 js 动态加载 iframe 的方式,通过 iframe 实现跨域通信。考虑到安全性与用户体验,选择了 postmessage 的通信方式,确保无需宿主手动配置白名单。然而,这一方案对某些情况下可插拔体验不够友好,故转而采用 url 通行方式,实现参数解析,构建简单接入形式。接入方法由用户全局定义...

相似回答