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 相关文章推荐
JavaScript 10件让人费解的事情
Feb 15 Javascript
浅析Js中的单引号与双引号问题
Nov 06 Javascript
jquery showModelDialog的使用方法示例详解
Nov 19 Javascript
js中自定义方法实现停留几秒sleep
Jul 11 Javascript
原生js和jQuery实现淡入淡出轮播效果
Dec 25 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
Jul 28 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
原生js实现移动端Touch轮播图的方法步骤
Jan 03 Javascript
Node.js 进程平滑离场剖析小结
Jan 24 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
使用typescript构建Vue应用的实现
Aug 26 Javascript
vue中是怎样监听数组变化的
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
约瑟夫环问题的PHP实现 使用PHP数组内部指针操作函数
2010/10/12 PHP
二招解决php乱码问题
2012/03/25 PHP
PHP基于正则批量替换Img中src内容实现获取缩略图的功能示例
2017/06/07 PHP
PHP编程获取图片的主色调的方法【基于Imagick扩展】
2017/08/02 PHP
PHP命名空间定义与用法实例分析
2019/08/14 PHP
tp5框架基于ajax实现异步删除图片的方法示例
2020/02/10 PHP
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
js返回上一页并刷新的多种实现方法
2014/02/26 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
2015/02/28 Javascript
JavaScript中常见获取元素的方法汇总
2015/03/04 Javascript
jQuery解析json数据实例分析
2015/11/24 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
Javascript实现跑马灯效果的简单实例
2016/05/31 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
vue 实现tab切换保持数据状态
2020/07/21 Javascript
vuex存取值和映射函数使用说明
2020/07/24 Javascript
[01:33]DOTA2上海特级锦标赛 LIQUID战队完整宣传片
2016/03/16 DOTA
php使用递归与迭代实现快速排序示例
2014/01/23 Python
python实现根据图标提取分类应用程序实例
2014/09/28 Python
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
python按综合、销量排序抓取100页的淘宝商品列表信息
2018/02/24 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
利用python在excel里面直接使用sql函数的方法
2019/02/08 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
如何用Python 加密文件
2020/09/10 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
2013/04/22 HTML / CSS
团支部推优材料
2014/05/21 职场文书
干部作风建设工作总结
2014/10/29 职场文书
家长评语怎么写
2014/12/30 职场文书
停车场管理制度范本
2015/08/05 职场文书
在python中实现导入一个需要传参的模块
2021/05/12 Python