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实现
Dec 19 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
May 08 Javascript
jQuery级联操作绑定事件实例
Sep 02 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
Jun 17 Javascript
jquery.map()方法的使用详解
Jul 09 Javascript
jQuery文字横向滚动效果的实现代码
May 31 Javascript
JS基础随笔(菜鸟必看篇)
Jul 13 Javascript
Vue.js每天必学之内部响应式原理探究
Sep 07 Javascript
JavaScript表单验证完美代码
Mar 02 Javascript
Bootstrap模态框插件使用详解
May 11 Javascript
Vue2.0设置全局样式(less/sass和css)
Nov 18 Javascript
基于JavaScript实现简单的轮播图
Mar 03 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 反向排序和随机排序代码
2010/06/30 PHP
ThinkPHP的Widget扩展实例
2014/06/19 PHP
php处理json格式数据经典案例总结
2016/05/19 PHP
thinkPHP中钩子的两种配置调用方法详解
2016/11/11 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
DOM 脚本编程中的兄弟节点
2009/10/31 Javascript
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
jQuery chili图片远处放大插件
2009/11/30 Javascript
jquery中动态效果小结
2010/12/16 Javascript
JS数组的赋值介绍
2014/03/10 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
jQuery插件pagination实现无刷新分页
2016/05/21 Javascript
js常用DOM方法详解
2017/02/04 Javascript
js清除浏览器缓存的几种方法
2017/03/15 Javascript
JS中跳出循环的示例代码
2017/09/14 Javascript
vue+express+jwt持久化登录的方法
2019/06/14 Javascript
Python中用于返回绝对值的abs()方法
2015/05/14 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
python 3利用BeautifulSoup抓取div标签的方法示例
2017/05/28 Python
python判断完全平方数的方法
2018/11/13 Python
python GUI库图形界面开发之PyQt5拖放控件实例详解
2020/02/25 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
五分钟学会怎么用Pygame做一个简单的贪吃蛇
2021/01/06 Python
html5 div布局与table布局详解
2016/11/16 HTML / CSS
Java如何读取CLOB字段
2013/10/10 面试题
应届生服务员求职信
2013/10/31 职场文书
六一儿童节活动策划方案
2014/01/27 职场文书
小学生读书感言
2014/02/12 职场文书
数学教研活动总结
2014/07/02 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
新手开公司创业注意事项有哪些?
2019/07/29 职场文书
《亲亲我的妈妈》观后感(3篇)
2019/09/26 职场文书
导游词之天下银坑景区
2019/11/21 职场文书
Java常用函数式接口总结
2021/06/29 Java/Android
开发者首先否认《遗弃》被取消的传言
2022/04/11 其他游戏