JS中类的静态方法,静态变量,实例方法,实例变量有哪些区别-创新互联
这篇文章主要介绍JS中类的静态方法,静态变量,实例方法,实例变量有哪些区别,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联专注于中大型企业的网站建设、成都网站设计和网站改版、网站营销服务,追求商业策划与数据分析、创意艺术与技术开发的融合,累计客户1000多家,服务满意度达97%。帮助广大客户顺利对接上互联网浪潮,准确优选出符合自己需要的互联网运用,我们将一直专注品牌网站建设和互联网程序开发,在前进的路上,与客户一起成长!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也是对象,即给函数对象添加了一个函数
先来段代码之后分析
// 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也是对象,即给函数对象添加了一个属性
// 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 functionII.所有实例创建时都创建了同名的方法
// 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 undefinedII.所有实例创建的时候都创建了同名的各自本地属性变量
// 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
以上是“JS中类的静态方法,静态变量,实例方法,实例变量有哪些区别”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
本文标题:JS中类的静态方法,静态变量,实例方法,实例变量有哪些区别-创新互联
URL链接:http://pwwzsj.com/article/djhjjs.html