JavaScript基础之静态方法和实例方法分析


Posted in Javascript onDecember 26, 2018

本文实例讲述了JavaScript静态方法和实例方法。分享给大家供大家参考,具体如下:

直接定义在构造函数上的方法和属性是静态的,  定义在构造函数的原型和实例上的方法和属性是非静态的

/* -- 静态方法 -- */
function ClassA() { //定义构造函数
};
ClassA.func = function() { //在构造函数上添加一个属性(因为函数也是对象)
  console.log("This is a static method");
}
var instance = new ClassA(); //新建一个实例
ClassA.func(); //This is a static method
instance.func(); //Error:instance.func is not a function

使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码,可获得如下运行结果:

JavaScript基础之静态方法和实例方法分析

/* --- 实例方法 -- */
function ClassA() { //定义构造函数
};
ClassA.prototype.func = function() { //在构造函数的原型上添加方法
  console.log("This is an instance method.");
}
var instance = new ClassA(); //新建一个实例
ClassA.func(); // Error:ClassA.func is not a function
instance.func(); //This is an instance method.

使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码,可获得如下运行结果:

JavaScript基础之静态方法和实例方法分析

// 定义在某个具体对象(实例)上的方法是实例方法
function ClassA() { //定义构造函数
};
var instance = new ClassA(); //新建一个实例
instance.func = function() {
    console.log("This is an instance method.")
  }
  // ClassA.func(); // Error:ClassA.func is not a function
instance.func(); //This is an instance method.

使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码,可获得如下运行结果:

JavaScript基础之静态方法和实例方法分析

更多关于JavaScript相关内容还可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js 数组克隆方法 小结
Mar 20 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
Sep 20 Javascript
js获取键盘按键响应事件(兼容各浏览器)
May 16 Javascript
jquery.validate的使用说明介绍
Nov 12 Javascript
php的文件上传入门教程(实例讲解)
Apr 10 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
Apr 22 Javascript
element-ui 表格实现单元格可编辑的示例
Feb 26 Javascript
js闭包学习心得总结
Apr 17 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
微信小程序动画组件使用解析,类似vue,且更强大
Aug 01 Javascript
Javascript实现鼠标点击冒泡特效
Dec 24 Javascript
Ant Design的Table组件去除
Oct 24 Javascript
微信小程序实现文字跑马灯
May 26 #Javascript
基于JavaScript canvas绘制贝塞尔曲线
Dec 25 #Javascript
基于js Canvas实现二次贝塞尔曲线
Dec 25 #Javascript
JavaScript实现小球沿正弦曲线运动
Sep 07 #Javascript
微信小程序使用二次贝塞尔曲线画波浪
Dec 25 #Javascript
微信小程序开发问题之wx.previewImage
Dec 25 #Javascript
微信小程序使用for循环动态渲染页面操作示例
Dec 25 #Javascript
You might like
全国FM电台频率大全 - 12 安徽省
2020/03/11 无线电
PHP XML error parsing SOAP payload on line 1
2010/06/17 PHP
PHP正确配置mysql(apache环境)
2011/08/28 PHP
php中自定义函数dump查看数组信息类似var_dump
2014/01/27 PHP
destoon各类调用汇总
2014/06/20 PHP
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
2014/01/11 Javascript
jQuery - css() 方法示例详解
2014/01/16 Javascript
js通过classname来获取元素的方法
2016/11/24 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
通过 JS 判断页面是否有滚动条的实现方法
2018/04/05 Javascript
vue.js与后台数据交互的实例讲解
2018/08/08 Javascript
微信小程序实现文字无限轮播效果
2018/12/28 Javascript
小程序红包雨的实现示例
2019/02/19 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
2020/12/04 Vue.js
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
python基础教程之类class定义使用方法
2014/02/20 Python
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
python 集合 并集、交集 Series list set 转换的实例
2018/05/29 Python
解决Python运行文件出现out of memory框的问题
2018/12/03 Python
解决新版Pycharm中Matplotlib图像不在弹出独立的显示窗口问题
2019/01/15 Python
解决pycharm工程启动卡住没反应的问题
2019/01/19 Python
Python3中的最大整数和最大浮点数实例
2019/07/09 Python
如何基于Python实现电子邮件的发送
2019/12/16 Python
Python基于smtplib协议实现发送邮件
2020/06/03 Python
HTML5 移动页面自适应手机屏幕四类方法总结
2017/08/17 HTML / CSS
会议接待欢迎词
2014/01/12 职场文书
介绍信范文
2015/01/31 职场文书
钱学森电影观后感
2015/06/04 职场文书
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python
Python趣味爬虫之用Python实现智慧校园一键评教
2021/05/28 Python