本文实例讲述了JS中类的静态方法,静态变量,实例方法,实例变量区别与用法。分享给大家供大家参考,具体如下:
1.类的静态方法
先来段代码之后分析
// JS类静态函数 function BaseClass() { } // 类添加add函数 BaseClass.add = function() { console.log("BaseClass add()方法被调用"); }; // 类方法(类的静态函数)直接调用 // 类名.类方法名 BaseClass.add(); //BaseClass add()方法被调用 var instance = new BaseClass(); // 实例不能调用类方法(即类的静态方法) //instance.add();
a.类的静态方法通过[类名.类方法名称]赋值;
b.调用时用[类名.类方法名称()]直接调用;
C.类的实例无法调用类的静态函数。
原因:因在js中function也是对象,即给函数对象添加了一个函数
2.类的静态成员
先来段代码之后分析
// JS类的静态成员变量 function BaseClass(params) { } // 类添加静态变量nameTest BaseClass.nameTest = "jadeshu"; // 类的静态变量直接调用 // 类名.类变量名 console.log(BaseClass.nameTest); // jadeshu var instance = new BaseClass(); // 实例不能调用类的静态成员变量) console.log(instance.nameTest); // undefined
a.类的静态变量通过[类名.类变量名称]赋值;
b.调用时用[类名.类变量名称]直接调用;
C.类的实例调用类的静态变量为undefined。
-----原因:因在js中function也是对象,即给函数对象添加了一个属性
3.实例方法(两种情况)
I.单个实例的方法
// JS的单个实例方法 function BaseClass() { } var instance1 = new BaseClass(); // 单个实例添加成员方法 instance1.add = function (params) { console.log("BaseClass类实例的add方法被调用" + params); }; instance1.add(11222); // BaseClass类实例的add方法被调用11222 var instance2 = new BaseClass(); //instance2.add(); // Error: instance2.add is not a function
II.所有实例创建时都创建了同名的方法
// JS所有实例的共享方法 function BaseClass() { // 所有实例创建时都创建了同名的方法 this.add = function (params) { console.log("BaseClass类实例的add方法被调用" + params); }; } var instance1 = new BaseClass(); instance1.add(11); // BaseClass类实例的add方法被调用11 var instance2 = new BaseClass(); //实例1和实例2各有一个add函数的本地方法 instance2.add(22); // BaseClass类实例的add方法被调用22 console.log(instance1.add === instance2.add); // false
方法也是每个实例各存在一个,占用内存,这既没有必要,又浪费系统资源,所以不建议这样添加实例的本地方法,或者在外部定义函数,然后直接赋给一个变量即可,就可以做到所有创建的实例都引用一份代码,但这样做代码不优雅。
// JS所有实例的共享方法 function add(params){ console.log("BaseClass类实例的add方法被调用" + params); } function BaseClass() { // 所有实例创建时都创建了同名的方法 this.add = add; } var instance1 = new BaseClass(); instance1.add(11); // BaseClass类实例的add方法被调用11 var instance2 = new BaseClass(); //实例1和实例2则共用add函数的代码 instance2.add(22); // BaseClass类实例的add方法被调用22 console.log(instance1.add === instance2.add); // true
单个实例添加方法建议直接如第一种方法,如果是共享方法就加入prototype属性上[即js中采用原型]。
4.实例变量(两种情况)---即是实例的本地属性
I.单个实例的变量
// JS的单个实例成员变量 function BaseClass() { } var instance1 = new BaseClass(); // 单个实例添加成员变量 instance1.nameTest = "jadeshu"; console.log(instance1.nameTest); // jadeshu var instance2 = new BaseClass(); console.log(instance2.nameTest); // instance2.nameTest is undefined
II.所有实例创建的时候都创建了同名的各自本地属性变量
// JS所有实例共享的成员变量 function BaseClass() { // 所有实例创建时都有的同名实例变量 this.nameTest = "jadeshu"; } var instance1 = new BaseClass(); instance1.nameTest = "shu"; // 改变实例1的变量nameTest的值为shu console.log(instance1.nameTest); // shu var instance2 = new BaseClass(); //实例1和实例2各自都有一个nameTest console.log(instance2.nameTest);; // jadeshu
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新动态
- 雨林唱片《赏》新曲+精选集SACD版[ISO][2.3G]
- 罗大佑与OK男女合唱团.1995-再会吧!素兰【音乐工厂】【WAV+CUE】
- 草蜢.1993-宝贝对不起(国)【宝丽金】【WAV+CUE】
- 杨培安.2009-抒·情(EP)【擎天娱乐】【WAV+CUE】
- 周慧敏《EndlessDream》[WAV+CUE]
- 彭芳《纯色角3》2007[WAV+CUE]
- 江志丰2008-今生为你[豪记][WAV+CUE]
- 罗大佑1994《恋曲2000》音乐工厂[WAV+CUE][1G]
- 群星《一首歌一个故事》赵英俊某些作品重唱企划[FLAC分轨][1G]
- 群星《网易云英文歌曲播放量TOP100》[MP3][1G]
- 方大同.2024-梦想家TheDreamer【赋音乐】【FLAC分轨】
- 李慧珍.2007-爱死了【华谊兄弟】【WAV+CUE】
- 王大文.2019-国际太空站【环球】【FLAC分轨】
- 群星《2022超好听的十倍音质网络歌曲(163)》U盘音乐[WAV分轨][1.1G]
- 童丽《啼笑姻缘》头版限量编号24K金碟[低速原抓WAV+CUE][1.1G]