javascript 对象方法、类方法、原型方法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title><script type="text/javascript">/** 1、对象方法包括构造函数中的方法以及构造函数原型上面的方法* 2、类方法，其实这里的类就是一个函数，在js中由于函数也是一个对象，所以可以为函数添加属性以及方法，这种方法在node中用的比较多* 3、原型方法一般用于对象实例共享。在原型上面添加的方法，能实现对象实例共享，这样就不用每一次初始化一个实例的时候，为其分配相应的内存了* */function FnGuo(oDiv){this.msg = oDiv.innerHTML;this.showMsg = function(){alert("对象方法：" + this.msg);      //对象方法
            };}FnGuo.showMsg = function(){alert("类方法");};FnGuo.prototype.showMsg02 = function(){alert("原型方法：" + this.msg);};onload = function(){    //也可以window.onloadvar oFnGuo = new FnGuo(document.getElementsByTagName('div')[0]);var oFnGuo02 = new FnGuo(document.getElementsByTagName('div')[1]);oFnGuo.showMsg();   //对象方法需要通过实例化对象去调用
            FnGuo.showMsg();    //类方法不需要通过实例化对象去调用
oFnGuo.showMsg02();     //原型方法也需要通过实例化对象去调用
            oFnGuo02.showMsg02();   //原型方法，能实现对象实例oFnGuo和oFnGuo02共享，这两个实例的原型方法showMsg02共享内存
        };</script>
</head>
<body>
<div>从明天开始带薪放假半年</div>
<div>从明天开始上班</div>
</body>
</html>

转载于:https://www.cnblogs.com/fengyouqi/p/7778597.html

javascript 对象方法、类方法、原型方法相关推荐

JavaScript中的类方法、对象方法、原型方法
类方法:也叫函数方法,在JavaScript中函数也是一个对象,所以可以为函数添加属性以及方法: 对象方法:包括构造函数中的方法以及其原型上面的方法: 原型方法:一般用于对象实例共享,在原型上面添加该 ...
[JS]请给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。
请给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重复条目的新数组. 刚开始复习js题还不太习惯 CSDN上看了一个帖子,说是牛客上的标答, ...
细说JavaScript对象(2)：原型对象
JavaScript 并没有类继承模型,而是使用原型对象 prototype 进行原型式继承. 尽管人们经常将此看做是 JavaScript 的一个缺点,然而事实上,原型式继承比传统的类继承模型要更加 ...
js中函数对象的方法，原型方法apply、call、bind、toString、toLocaleString、valueOf
全栈工程师开发手册 (作者:栾鹏) js系列教程4-函数.函数参数教程全解 js中函数也是一种对象,因此有自己的原型对象,可以作为其他对象的属性,也可以作为其他函数的参数. 函数方法 [apply() ...
3种JavaScript 对象转数组的方法
来源 | https://www.fly63.com 我们在项目开发的时候,有时需要将js对象转换为数组,下面小编给大家具体演示一下怎么转换,主要是介绍一些常用.简洁的转换方法. 比如JavaScri ...
JavaScript对象掺杂点原型
我读完权威指南一部分的理解,对象和原型的关系:任何对象都可以充当原型转载于:https://www.cnblogs.com/gaizaotuling/p/5553130.html
分析 js构造函数：对象方法、类方法、原型方法
构造函数方法有对象方法.类方法.原型方法,这些方法在什么时候可以调用,什么时候不能调用,为什么? function Func(name){this.name=name;this.ff=function ...
在JavaScript中深度克隆对象的最有效方法是什么？
克隆JavaScript对象的最有效方法是什么? 我见过obj = eval(uneval(o)); 正在使用,但这是非标准的,仅受Firefox支持 . 我已经完成了obj = JSON.parse ...
html5创建对象的方法,JavaScript面向对象-使用工厂方法和构造函数方法创建对象...
在上一篇文章中我们介绍了JavaScript简单对象的创建方法,简单js对象的最大问题是由于没有类的约束,无法实现对象的重复利用,并且没有一种约定,在操作时会带来问题.所以人们从设计模式中借用了一种工 ...
JavaScript面向对象：类、方法、属性
JavaScript是一种基于对象的语言,与传统面向对象语言(C#.C++)相比,JavaScript中没有类的概念,其继承有两种基本形式:基于对象的继承和基于类型的继承(原型链继承).无论哪种形式的 ...

javascript 对象方法、类方法、原型方法

javascript 对象方法、类方法、原型方法相关推荐

最新文章

热门文章