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 target与currentTarget区别说明
Aug 28 Javascript
JS 表单验证大全
Nov 23 Javascript
jquery zTree异步加载简单实例分享
Feb 05 Javascript
jQuery 复合选择器应用的几个例子
Sep 11 Javascript
JS正则表达式之非捕获分组用法实例分析
Dec 28 Javascript
JS实现AES加密并与PHP互通的方法分析
Apr 19 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
Jan 08 Javascript
vue 组件高级用法实例详解
Apr 11 Javascript
vue.js响应式原理解析与实现
Jun 22 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
vue elementUI 表单校验的实现代码(多层嵌套)
Nov 06 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
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
php+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
2007/03/07 PHP
php分页示例分享
2014/04/30 PHP
YII中assets的使用示例
2014/07/31 PHP
php实现字符串首字母转换成大写的方法
2015/03/17 PHP
非集成环境的php运行环境(Apache配置、Mysql)搭建安装图文教程
2016/04/12 PHP
js 实现复制到粘贴板的功能代码
2010/05/13 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
2013/02/05 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
JavaScript的函数式编程基础指南
2016/03/19 Javascript
ES6记录异步函数的执行时间详解
2016/08/31 Javascript
两种简单的跨域方法(jsonp、php)
2017/01/02 Javascript
浅析Javascript中双等号(==)隐性转换机制
2017/10/27 Javascript
js判断传入时间和当前时间大小实例(超简单)
2018/01/11 Javascript
微信小程序switch组件使用详解
2018/01/31 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
vue-cli 引入、配置axios的方法
2018/05/08 Javascript
vue将毫秒数转化为正常日期格式的实例
2018/09/16 Javascript
详解微信小程序动画Animation执行过程
2020/09/23 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
JavaScript canvas实现文字时钟
2021/01/10 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
2021/01/13 Vue.js
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
Python实现设置windows桌面壁纸代码分享
2015/03/28 Python
TensorFlow在MAC环境下的安装及环境搭建
2017/11/14 Python
玩具反斗城天猫官方旗舰店:享誉全球的玩具店
2017/10/10 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
汽车促销活动方案
2014/03/31 职场文书
合作经营协议书范本
2014/04/17 职场文书
球队口号
2014/06/18 职场文书
美国旅游签证工作证明
2014/10/14 职场文书
2015年医务人员医德医风自我评价
2015/03/03 职场文书
Redis RDB技术底层原理详解
2021/09/04 Redis
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android
vue实现input输入模糊查询的三种方式
2022/08/14 Vue.js
Python爬取奶茶店数据分析哪家最好喝以及性价比
2022/09/23 Python