ECMAScript 创建自己的js类库


Posted in Javascript onNovember 22, 2012

ECMAScript中最有意思,最强大的地方在于函数。最进在完善自己的js类库的时候发现我们经常在用函数,但真的很少有人懂得ECMAScript函数功能。
1:什么是函数?

ECMAScript函数其实就是对象,每个函数都是Function类型的实例而且有属性和方法,由于函数是对象,函数名其实就是指向函数对象的指针,不会与某个函数绑定。
2:创建函数的方法

(1):function Person(name) 
 { 


return name; 

 } 
(2):var Person=function(name) 

{ 

return name; 

} 
(3):var Person=new function(“name”,”return name”);(不推荐使用,ECMAScript会解析两次所以不推荐使用)

3:函数声明和函数表达式的不同

ECMAScript对函数声明和函数表达式的解析并非一视同仁,解析器会先读取函数声明,并使其在任何代码前都可用。

例:

assert(false); 
function assert(value, msg) { 
if (!value) { 
alert (msg || (value + " does not equal true")); 
} 
}

ECMAScript 创建自己的js类库 
函数表达式为执行到这一行才解析器才会解析
如:assert(false); 
var assert= function (value, msg) { 
if (!value) { 
alert (msg || (value + " does not equal true")); 
} 
}

ECMAScript 创建自己的js类库 
4:理解this属性
this 属性是我们经常用的属性,其行为与Java,C#,PHP大致类似。
如:window.name='用未来思考现在'; 
window.name = "用未思考现在; 
showName(); 
function showName() { 
alert(this.name); 
}

ECMAScript 创建自己的js类库 
5:创建自己的类库插件
简单的介绍了下函数,对于理解函数这些内容远远不够,例如构造函数模式,原形模式,原形链等等都是要花很多时间去理解。
创建类
var Class = function () { 
var extclass = function () { 
//接收属性传过来的参数 
this.init.apply(this, arguments); 
} 
//给类添加自定义属性 
extclass.prototype.init = function () { }; 
//给prototypr定义别名? 
extclass.fn = extclass.prototype; 
//定义类的别名? 
extclass.fn.parent = extclass; 
//给类添加属性 
extclass.extend = function (obj) { 
var extended = obj.extended; 
for (var i in obj) { 
extclass.fn[i] = obj[i]; 
} 
if (extended) extended(extclass); 
}; 
//给实例添加属性 
extclass.include = function (obj) { 
var included = obj.included; 
for (var i in obj) { 
extclass.fn[i] = obj[i]; 
} 
if (included) included(extclass); 
} 
return extclass; 
}

类库大致的框架构建完成,这样我们创建类可以调用extended方法,创建实例可以调用include方法。下一章节会在此基础上扩展更多功能,基于原型给“类”添加继承。
Javascript 相关文章推荐
jQuery层次选择器选择元素使用介绍
Apr 18 Javascript
JavaScript的漂亮的代码片段
Jun 05 Javascript
在JavaScript中构建ArrayList示例代码
Sep 17 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
Nov 30 Javascript
jquery广告无缝轮播实例
Jan 05 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
基于input框覆盖掉数字英文的实例讲解
Jul 21 Javascript
再谈Angular4 脏值检测(性能优化)
Apr 23 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
Jun 01 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
Jul 19 Javascript
javascript克隆对象深度介绍
Nov 20 #Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 #Javascript
JS中toFixed()方法引起的问题如何解决
Nov 20 #Javascript
JavaScript实现拼音排序的方法
Nov 20 #Javascript
Js+Flash实现访问剪切板操作
Nov 20 #Javascript
利用JQuery和JS实现奇偶行背景颜色自定义效果
Nov 19 #Javascript
jQuery 数据缓存模块进化史详细介绍
Nov 19 #Javascript
You might like
基于Discuz security.inc.php代码的深入分析
2013/06/03 PHP
php_screw安装使用教程(另一个PHP代码加密实现)
2014/05/29 PHP
php绘制圆形的方法
2015/01/24 PHP
解析WordPress中控制用户登陆和判断用户登陆的PHP函数
2016/03/01 PHP
PHP中的使用curl发送请求(GET请求和POST请求)
2017/02/08 PHP
laravel ORM 只开启created_at的几种方法总结
2018/01/29 PHP
javascript json2 使用方法
2010/03/16 Javascript
Android中资源文件(非代码部分)的使用概览
2012/12/18 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
2013/11/19 Javascript
判断及设置浏览器全屏模式
2014/04/20 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
2016/01/09 Javascript
基于Bootstrap实现图片轮播效果
2016/05/22 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
2017/07/18 Javascript
Node.js之readline模块的使用详解
2019/03/25 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
python函数缺省值与引用学习笔记分享
2013/02/10 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
基于 Django 的手机管理系统实现过程详解
2019/08/16 Python
OpenCV里的imshow()和Matplotlib.pyplot的imshow()的实现
2019/11/25 Python
Python 炫技操作之合并字典的七种方法
2020/04/10 Python
html5 offlline 缓存使用示例
2013/06/24 HTML / CSS
Html5页面内使用JSON动画的实现
2019/01/29 HTML / CSS
美国批发零售网站:GearXS
2016/07/26 全球购物
触电现场处置方案
2014/05/14 职场文书
企业精神口号
2014/06/11 职场文书
代领毕业证委托书
2014/08/02 职场文书
买房子个人收入证明
2014/10/12 职场文书
2014年档案管理员工作总结
2014/12/01 职场文书
营业员岗位职责范本
2015/04/14 职场文书
党员干部公开承诺书范文
2015/04/27 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
css实现左上角飘带效果的完整代码
2022/03/18 HTML / CSS