JavaScript的OO特性:静态方法
所谓静态方法,是一种属于类的所有实例,不属于类的特定实例的方法,只能由类调用,而不能由类实例直接调用.
在C#中,声明一个静态方法无疑是非常简单轻松的事,只需要一个关键字:static即可.
那么在JavaScript中,如果我们确定我们需要一个由某个类操纵的方法,该怎么做呢?
首先让我们要看一个示例,为类扩充方法.如下:
var Employee = function(name,dept){this.name = name || "none";this.dept = dept || "general";}Employee.prototype.toString = function(){ //toString是Employee类的常规方法return this.name + "&" + this.dept;}
在进行Employee.prototype.toString时,并没有toString函数,由系统进行检测,如果没有,则自动创建toString函数,并把toString对象指向一个匿名函数,这个匿名函数可认为是toString函数的函数体.
注意这里的prototype关键字,它在JavaScript中的地位非常高,是JavaScript实现一些重要机制的必要核心!
现在这个toString方法并不是静态方法,它可以为类实例使用.先说明此方法,是为了下面与静态方法的写法做比较.
如下,为Employee添加一个静态方法show:
Employee.show = function (ep){ //show是Employee类的静态方法 alert(ep.toString());}
可以发现,声明常规方法与静态方法的区别只在于prototype关键字的使用与否.
下面是完整的示例:
<script type="text/javascript">//创建一个类Employee作为基类var Employee = function(name,dept){this.name = name || "none";this.dept = dept || "general";}Employee.prototype.toString = function(){ //toString是Employee类的常规方法return this.name + "&" + this.dept;}Employee.show = function (ep){ //show是Employee类的静态方法 alert(ep.toString());}var ep = new Employee("fanrong","技术部");Employee.show(ep); //只能由类调用,不能由实例对象调用.//ep.show(ep); //这样回出错 </script>
**************************************** * 方法一 * 类、方法、属性都为静态类型 * 不能创建实例 *****************************************/ var Time = {today: ‘2009-3-8′,weather: ‘rain’,show: function() {alert(‘Today is ‘ + this.today);} };//静态对象可直接使用,无需创建实例 alert(‘It is ‘ + Time.weather + ‘ today.’); Time.show();//下面的代码会出错,因为静态类不能创建实例 //var t = new Time(); //t.show();/**************************************** * 方法二 * 普通对象,同时拥有静态和非静态属性、方法 * 可以用实例化 * 注意: * 1.静态方法/属性使用类名访问 * 2.非静态方法/属性使用实例名访问 *****************************************/ function Person(name) {//非静态属性this.name = name;//非静态方法this.show = function() {alert(‘My name is ‘ + this.name + ‘.’);} } //添加静态属性,人都是一张嘴 Person.mouth = 1; //添加静态方法,哇哇大哭 Person.cry = function() {alert(‘Wa wa wa …’); }; //使用prototype关键字添加非静态属性,每个人的牙可能不一样多 Person.prototype.teeth = 32;//非静态方法必须通过类的实例来访问 var me = new Person(‘Zhangsan’); //使用非静态方法、属性 me.show(); alert(‘I have ‘ + me.teeth + ‘ teeth.’); //使用静态方法、属性 Person.cry(); alert(‘I have ‘ + Person.mouth + ‘ mouth.’);
JavaScript的OO特性:静态方法相关推荐
- javascript 的面向对象特性参考
最近在看用javascript+css实现rich client.javascript 也是一个蛮有意思的语言.特别是其面向对象的实现和其他"标准"的OO launguage有很大 ...
- javaScript ES6-ES11新特性总结
ES6-ES11新特性知识点 一.ES6 1.查看ES6兼容性 http://kangax.github.io/compat-table/es6/ 可查看兼容性 2.let定义变量 快速入门: //特 ...
- 深入理解JavaScript的闭包特性如何给循环中的对象添加事件
初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript ...
- JavaScript的面向对象特性
JavaScript的面向对象特性 JavaScript是基于对象和事件驱动并具有安全性能的脚本:JavaScript虽然不是面向对象的编程语言但具有很多面向对象的特性. 1.面向对象开发 a) ...
- [转]JavaScript面向对象的特性
如果你使用JavaScript编程,你或许会怀疑它是否包含了面向对象(OO)的结构.实际上,JavaScript的确支持面向对象的架构――在某种程度上.本文将通过一个可扩展向量图形(SVG)的实例来说 ...
- JavaScript ES2021 新特性解析
JavaScript ES2021 新特性解析 新特性列表 String.prototype.replaceAll Promise.any 逻辑运算符和赋值表达式 数值分隔符 Intl.ListFor ...
- JavaScript的函数式特性
前言 作为一门面向对象的语言,JavaScript本身却具有明显的函数式语言特征.而这也是很多JavaScript的支持者钟爱它的原因之一 – 函数式特性为这门语言带来了极大的灵活性.高阶函数.偏函数 ...
- JavaScript——ES10新特性
JavaScript--ES10新特性 一.对象方法扩展 二.字符串扩展方法 三.数组扩展方法 四.Symbol 扩展 一.对象方法扩展 Object.fromEntries() 方法用来创建对象,但 ...
- JavaScript——ES6新特性
默认参数 var a = function(m,n){var m = m || 50;var n = n || 'es';//... } 变为直接放在函数签名中,因为如果参数为0,在JavaScrip ...
最新文章
- mybatis plus 导出sql_springBoot+mybatisPlus+hutool 实现输入sql导出 excel表格
- 盘点数据科学20个最好的Python库(附链接)
- C语言实现并查集(Disjoint set或者Union-find set)(附完整源码)
- 第5章 定时器Timer
- Ember By Examples(总体介绍)
- 2013二级java真题_2013年计算机二级JAVA第八套模拟试题及答案详解
- java怎么截取后8位数字_java如何更快生成00000000~99999999的8位数字保存到文件中?...
- 简洁商城系统后台管理模板
- java 中Double类型转换为百分比格式
- E-MapReduce 2.0.0 版本发布
- linux嵌入式面试300问,经典嵌入式Linux面试题3问
- firefox登录国际账户
- php仿携程网站,三分钟带你仿携程飞机票首页炫酷交互
- java将输入的阿拉伯数字金额转换为中文大写金额
- 基于R语言进行栅格数据统计及Raster包简介
- POJ1149 PIGS 题解
- 头歌-信息安全技术-【实训10】HTML信息隐藏、动态分析技术
- 平均26.8万!浙江大学软件学院专硕毕业生年薪!
- 中国联通再次下调国际漫游资费 最高降幅达90.42%
- php导出excel文件