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 相关文章推荐
JQuery的Validation插件中Remote验证的中文问题
Jul 26 Javascript
使用jquery实现div的tab切换实例代码
May 27 Javascript
点击标签切换和自动切换DIV选项卡
Aug 10 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 Javascript
尝试动手制作javascript放大镜效果
Dec 25 Javascript
不使用script导入js文件的几种方法
Oct 27 Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 Javascript
十个免费的web前端开发工具详细整理
Sep 18 Javascript
浅谈JavaScript find 方法不支持IE的问题
Sep 28 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
在vue项目中使用codemirror插件实现代码编辑器功能
Aug 27 Javascript
Vue实现简单购物车功能
Dec 13 Vue.js
微信小程序实现文字跑马灯
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
jQuery+php实现ajax文件即时上传的详解
2013/06/17 PHP
javascript延时重复执行函数 lLoopRun.js
2007/06/29 Javascript
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
jQuery提示效果代码分享
2014/11/20 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
JavaScript实现页面无操作倒计时退出
2016/10/22 Javascript
js放到head中失效的原因与解决方法
2017/03/07 Javascript
详解如何在vue-cli中使用vuex
2018/08/07 Javascript
原生JS实现简单的倒计时功能示例
2018/08/30 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
2018/12/07 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
js使用cookie实现记住用户名功能示例
2019/06/13 Javascript
node express使用HTML模板的方法示例
2019/08/22 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
2020/05/18 Javascript
[33:17]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
使用PyV8在Python爬虫中执行js代码
2017/02/16 Python
Python MD5加密实例详解
2017/08/02 Python
手把手教你使用Python创建微信机器人
2019/04/29 Python
Python3.5装饰器原理及应用实例详解
2019/04/30 Python
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
PyQt5基本控件使用之消息弹出、用户输入、文件对话框的使用方法
2019/08/06 Python
Python3 pandas 操作列表实例详解
2019/09/23 Python
基于python-pptx库中文文档及使用详解
2020/02/14 Python
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
2020/03/04 Python
解决Jupyter无法导入已安装的 module问题
2020/04/17 Python
Python求解排列中的逆序数个数实例
2020/05/03 Python
python list等分并从等分的子集中随机选取一个数
2020/11/16 Python
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
Html5 页面适配iPhoneX(就是那么简单)
2019/09/05 HTML / CSS
网络方面基础面试题
2012/11/16 面试题
热能动力工程毕业生自荐信
2013/11/07 职场文书
英语商务邀请函范文
2014/01/16 职场文书
效能风暴心得体会
2014/09/04 职场文书
餐厅收银员岗位职责
2015/04/07 职场文书
Maven学习----Maven安装与环境变量配置教程
2021/06/29 Java/Android