kissy的初步学习-20131006-1010-优快云博客

本文链接：https://blog.youkuaiyun.com/xjwolaile/article/details/84487440

本文介绍了KISSY JavaScript框架中的augment方法实现，该方法用于增强对象的功能，并展示了如何通过该方法将不同的功能组合到一个对象中。此外，还详细解析了KISSY框架中的clone方法，这是一种实现深拷贝的有效方式，文章通过实例演示了如何使用此方法进行对象的深拷贝。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、ks里面的augment方法的实现


<!DOCTYPE HTML>

<html>
<head>
	<meta charset="UTF-8">
	<title>ks里面的augment方法的实现</title>
	<script src="kissy-min.js"></script>
	<script>
//创建一个方法 做的整体的效果叫guijiao 里面的一个方法叫dd dd里面有一个跳出的效果，效果里面显示的 wo de 然后 this(当前)name(名字)
guijiao = {
    dd: function() { 
    	alert("wo de" + this.name + '.');
     }
};

//创建一个方法名字叫ww调用name(名字)里面的方法this(当前)name(名字)等于gou gou + name
function ww(name) { 
	this.name = "gou gou " + name; 
}
//创建一个方法名字叫ee调用name(名字)里面的方法this(当前)name(名字)等于zhu zhu + name
function ee(name) { 
	this.name = "zhu zhu" + name; 
}

//调用augment方法把ww、ee放入guijiao里面
KISSY.augment(ww, guijiao);
KISSY.augment(ee, guijiao);

//新建一个ww、ee在name的地方放入bendan、shagua后调用dd的这个方法放进去
new ww("bendan").dd(); // => wo de gou gou bendan.
new ee("shagua").dd(); // => wo de zhu zhu shagua.
	</script>
	<style>

	</style>
</head>

<body>
KISSY   是由阿里集团前端工程师们发起创建的一个开源 JS 框架。
它具备模块化、高扩展性、组件齐全，接口一致、自主开发、适合多种应用场景等特性。
</body>
</html>

2、ks里面的clone方法的实现

<!DOCTYPE HTML>

<html>
<head>
	<meta charset="UTF-8">
	<title>ks里面的clone方法的实现</title>
	<script src="kissy-min.js"></script>
	<script type="text/javascript">
vvar S = KISSY;
var a={x:{y:{z:1}}}
//clone其实一个深拷贝的方法显示a后在页面上呈现的就是 b={x:y:{z:1}} , b!==a c呈现的就是c={x:{y:{}}}
//clone待深拷贝的对象或数组.待克隆值为数组, 参数同 KISSY.filter() , 上下文对象为全局 window待克隆值为普通对象, 参数为对象的每个键, 每个键对应的值, 当前对象, 上下文对象为当前对象.
var b=S.clone(a); // => b={x:y:{z:1}} , b!==a
var c=S.clone(a,function(v,k){if(k=="z") return false;}) // => c={x:{y:{}}}
	</script>
</head>

<body>

</body>
</html>