js里面的实例方法和静态方法

news/2024/7/24 13:21:07

静态方法是可以直接用类名.方法名去调用的,而实例方法是不可以的,他必须要用实例才可以去调用,那么,在js的世界里面会不会也有类似的一个东西呢?实际上是有的,看一看以下的方法:

var Person=function(){};
Person.say=function(){
    console.log('I am a Person,I can say.')
};
Person.prototype.getName=function(name){
    console.log('My name is '+name);
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

以上的代码,实际上很简单,首先是定义了一个function,js里面像上面那样定义一个function实际上是定义了一个类,接下来,我给你这个类添加了一个say的方法,然后接着给这个类的prototype添加了一个getName的方法,所有的类都是会有一个prototype这样的属性,这个属性指向的是object,这个是属于js原型链的问题,在这里我就不阐述了。好了,我现在来按照以下调用一下:

Person.say();
Person.getName('Carl');
  • 1
  • 2

是不是发现,第一个可以正常运行,第二个会报错,再来看看下面的代码:

var carl=new Person;
carl.say();
carl.getName('Carl');
  • 1
  • 2
  • 3

是不是和第一段代码刚好相反,那么这个地方实际上我们就看出来了,say方法是’.’在类上面的,所以,它实际上是一个静态方法,那么当然是可以直接通过类进行访问的(这里的静态方法都是public的),所以第一段的第一句话是不会抱错的,而getName这个方法实际上是在prototype上面的,只有创建一个实例的情况下,才可以通过实例进行访问。
所以综上所述,定义在直接用类名(这里就是方法名)’.’一个方法,那么这个实际上创建的是一个静态方法;而用prototype’.’的一个方法,实际上创建的是一个实例方法,实例方法是需要创建实例对象进行访问的,所以,以上就是我想说的,js里面的静态方法和实例方法,同样,静态属性和实例属性也是这个道理。

--------------------- 本文来自 Carl大神 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/oryjk/article/details/46901035?utm_source=copy


http://www.niftyadmin.cn/n/1529055.html

相关文章

echar动态数据

http://echarts.baidu.com/examples/editor.html?cdynamic-data

ehcarts 柱状图x轴坐标值改为图片

需求方法: 1参考网站:http://www.echartsjs.com/gallery/editor.html?cbar-rich-text&themedark 代码:x坐标值设置,尤其是图片路径提前设置好xAxis: { type: category, show: true, dat…

wow.js使用

参考:https://www.cnblogs.com/xgxm13/p/7667296.html wow.js依赖animate.css,不需要jquery;animate.css是纯css动画 官网:http://mynameismatthieu.com/WOW/ 建议去官网一看 bootstrap CDN服务:http://www.bootcdn.…

选择框可以同时输入和选择选项

<li> <p class"address">校区</p> <div class"addresschoice"> <span class"addressel"> …

OwlCarousel使用

参考&#xff1a;http://www.jq22.com/jquery-info6010 使用方法 Owl Carousel 2是上一版Owl Carousel的升级版本。Owl Carousel 2可以让你创建漂亮的响应式旋转木马的jQuery插件&#xff0c;它支持移动触摸屏&#xff0c;功能十分强大。Owl的新特性有&#xff1a; 可以无限循…

百度地图标注

for(i0;i<循环次数;i){var markernew BMap.Marker(Point对象);//创建标注var html你自己的html;var infoWindow new BMap.InfoWindow(html);//创建窗口信息marker.infoWindowinfoWindow;//给当前标注新增一个属性以便保存窗口信息infoWindowmarker.addEventListener("…

html页面video标签

1.video标签禁止下载 将属性改为controls"true" controlslist"nodownload"即可实现 2.禁止自动播放 html代码如下&#xff1a; <video width"500" height"300" controls"controls" poster"../images/test.png&q…

css控制文字超出部分

CSS控制文字&#xff0c;超出部分显示省略号 http://www.daqianduan.com/6179.html <p style"width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellips…