js-静态、原型、实例方法
来源:互联网 发布:苹果mac顿号怎么打 编辑:程序博客网 时间:2024/05/16 03:34
本篇来说一下js中的属性:
1、静态方法
2、原型方法
3、实例方法
静态方法:
Object.extend=function(destination,source){ for(var property in source){ destination[property]=source[property]; } return destination;}上面这个方法是经典的对象扩展的方法,定义在了Object对象下,是一个很直观的静态方法。
调用方式为:类名.extend(...)
原型方法:
给原型添加方法的方式有两种:
function klass(){}klass.prototype.foo=function foo(){ alert("klass");}function fn(){}fn.prototype={ constructor:fn, foo:function(){ alert("fn"); }}
下面这种对象字面量的写法会重写prototype,所以原本自动获得的constructor属性也需要重写。这种方式会导致它的[[Enumerable]]特性设置为true,原生的constructor属性是不可枚举的。
调用方式有两种:
1、类名.prototype.foo(...);
2、实例对象.foo(...);
实例方法:
function klass(){}var obj=new klass();obj.foo=function(id){ this.id=id; console.log(this.id);}obj.foo("myobj");//myobj
实例方法的调用只有一种:该实例对象.foo(...);
实例方法和原型方法的调用方式可能会搞混大家,我用下面这个例子讲解他们的不同:
function klass(){}var obj=new klass();klass.prototype.say=function(words){this.words=words;}obj.say("hello");console.log(obj.words);//helloconsole.log(klass.prototype.words);//undefinedklass.prototype.say("nothing");console.log(klass.prototype.words);//nothingvar obj1=new klass();obj.foo=function(id){ this.id=id; console.log(this.id);}console.log(obj1.foo);//undefined原型方法最主要取决于它的调用方式。再说直白点就是当前this对象指向的是什么。
obj.say("hello");这句话调用的是原型方法klass.prototype.say方法(根据原型链查找),所以this对象指向的是obj对象,也就是一个实例对象,同样this.words=words;这句话也就相当于给obj添加了words实例属性(js属性看这儿),所以obj有了个实例属性words,而klass.prototype没有,所以console.log(klass.prototype.words);的结果是undefined。
再看klass.prototype.say("nothing");这句话的this指向的klass.prototype,所以是给klass.prototype添加了words属性,所以console.log(klass.prototype.words);的结果是nothing。
来到下面obj.foo=function(){...},这句话是给obj添加了一个foo方法,这个方法是该实例独有的,所以另一个实例对象obj1就无法查找到它的foo方法,即输出undefined。
js的方法篇作为js的属性篇的姊妹篇到此也结束了,有疑问或错误之处欢迎指出,请大家多多赐教。
预告:下一篇讲解js大杂烩——js-闭包(closure)&this&arguments对象&懒加载(lazyload) 0 0
- js-静态、原型、实例方法
- js-静态、原型、实例属性
- js-静态、原型、实例属性
- js中静态方法(属性)、实例方法(属性)、内部方法(属性)和原型的一点见解
- js的原型实例prototype--方法--属性,构造,赋值--方法同样有原型--原型含义
- js静态方法与实例化方法
- JS中的实例方法与静态方法
- js 静态方法与实例方法
- JS原型继承实例
- js原型proto实例
- js原型链实例
- js 实例 及 原型
- JS类中,静态方法获取实例
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- js 对象方法、类方法、原型方法的区别;私有属性、公有属性、公有静态属性
- Eclipse引入源码包时,中文出现乱码的解决方案
- NGUI之自适应
- DirectUI duilib介绍
- C#多线程编程
- 服务器对传文件
- js-静态、原型、实例方法
- Valid Palindrome(leetcode)
- C# List 排序
- uvc摄像头代码解析1
- 第18章 网络驱动器装置:iSCSI服务器
- 黑客窃取企业数据的后门程序技巧
- Xib文件使用(一)——xib文件解析
- Oracle积累 查询Oracle被锁的表 释放session
- centos学习 拾零之如何关闭防火墙步骤