js面向对象
2016-03-27 00:41
453 查看
继承 多态 封装
面对对象大大简化了我们的工作也是拿来主义,不过在日常开发中面对对象也是我们自己写,也就是面向过程一步一步的,面向对象是很高级但是没有办法取代面向过程,
面向对象就是对面向过程的封装。也就是把过程打包起来。
javascript的本质是什么呢?javascript权威指南中第6章第一段就说到什么是javascript对象,就是键值对的集合。
function tag ( tagName ) {
return document.getElementsByTagName( tagName );
}
function id () {}
function classname() {}
这样封装让你用的时候很方便,同时也产生了很多问提,你在引入其他框架的时候会出现重名问题,你在全局作用域定义这么多变量污染全局,
函数也是变量,函数是什么,键值对的集合,所以我们应该这样写
var $ = {
tag: function ( tagName ) {
return document.getElementsByTagName( tagName );
},
id: function () {},
cName: function () {},
cName: function () {},
cName: function () {}
};
调用的时候就可以 $.id();这样就行的,就暴露一个也解决了污染,
面对对象大大简化了我们的工作也是拿来主义,不过在日常开发中面对对象也是我们自己写,也就是面向过程一步一步的,面向对象是很高级但是没有办法取代面向过程,
面向对象就是对面向过程的封装。也就是把过程打包起来。
javascript的本质是什么呢?javascript权威指南中第6章第一段就说到什么是javascript对象,就是键值对的集合。
function tag ( tagName ) {
return document.getElementsByTagName( tagName );
}
function id () {}
function classname() {}
这样封装让你用的时候很方便,同时也产生了很多问提,你在引入其他框架的时候会出现重名问题,你在全局作用域定义这么多变量污染全局,
函数也是变量,函数是什么,键值对的集合,所以我们应该这样写
var $ = {
tag: function ( tagName ) {
return document.getElementsByTagName( tagName );
},
id: function () {},
cName: function () {},
cName: function () {},
cName: function () {}
};
调用的时候就可以 $.id();这样就行的,就暴露一个也解决了污染,
相关文章推荐
- JavaScript - 数组
- JavaScript - 获取高度
- JavaScript - prototype 和 call 的理解
- JavaScript - 倒计时
- jquey与javascript相通运用查找(全)
- jsp继续学习
- 基于javascript实现九九乘法表
- js事件处理程序跨浏览器解决方案
- 详解javascript跨浏览器事件处理程序
- JavaScript html5 canvas绘制时钟效果(二)
- 理解JavaScript中值类型和引用类型
- JavaScript中数组的操作
- js中的this
- js之this
- Javascript 优化项目代码技巧之语言基础(一)
- JS实现鼠标移入移出控制图片的切换效果
- js 传统DOM0
- javascript笔记
- js 日期,时间函数 及相关运算大全
- JavaScript中的算法之美——栈、队列、表