构造函数中用this和prototype定义属性或函数方法的区别
2017-08-18 18:09
459 查看
this定义的方式,实例化之后是让每一个实例化对象都有一份属于自己的在构造函数中的对象或者函数方法,而prototype定义的方式,实例化之后每个实例化对象共同拥有一份构造函数中的对象或者函数方法。
下面看下代码:
this:
这里o2.a和o1.a的值不相同
prototype:
而这里是两个实例对象对同一方法进行执行
最后,一般而言,用this来定义构造函数的属性较多,用prototype定义构造函数的方法较多,因为属性较于方法来说使用频率更高。你想一想如果每次实例化对象都要执行定义的方法,那对于内存来说岂不是一种浪费
下面看下代码:
this:
function Obj(){ this.a=[]; //实例变量 this.fn=function(){ //实例方法 } } var o1=new Obj(); o1.a.push(1); o1.fn={}; console.log(o1.a); //[1] console.log(typeof o1.fn); //object var o2=new Obj(); console.log(o2.a); //[] console.log(typeof o2.fn); //function
这里o2.a和o1.a的值不相同
prototype:
function Person(name){ Person.prototype.share=[]; } var person1=new Person(); var person2=new Person(); person1.share.push(1); person2.share.push(2); console.log(person2.share); //[1,2]
而这里是两个实例对象对同一方法进行执行
最后,一般而言,用this来定义构造函数的属性较多,用prototype定义构造函数的方法较多,因为属性较于方法来说使用频率更高。你想一想如果每次实例化对象都要执行定义的方法,那对于内存来说岂不是一种浪费
相关文章推荐
- javascript之定义函数时 this 和prototype区别
- prototype定义方法和this定义方法的区别
- js面向对象编程: js类定义函数时prototype和this区别?
- ES6---箭头函数与function定义函数有什么区别?在箭头函数中,this指向,构造函数,变量提升是如何表现的?
- javascript构造函数类和原型prototype定义的属性和方法的区别
- php中调用类的属性和函数的方法->_=>_::_$this->区别
- js面向对象编程: js类定义函数时prototype和this区别?
- 函数内部属性 arguments、this 以及非继承而来的方法 call()和 apply()
- JavaScript类属性的定义方法和区别
- WINSOCK.H WINSOCK2.H的区别及函数重复定义的解决方法
- JavaScript中的私有函数;Javascript构造函数的私有方法中访问其属性和公有方法
- 类。字段。方法。属性之间的定义及部分区别。
- Scala方法定义,方法和函数的区别,将方法转换成函数
- JavaScript中的私有函数;Javascript构造函数的私有方法中访问其属性和公有方法
- js类定义函数时用prototype与不用的区别示例介绍
- 函数的内部属性this,arguments 和 函数的属性和方法
- 构造函数中中this重写函数方法
- Lesson_for_java_day08--类的属性和方法、类的封装性、构造函数和this的使用
- php调用类中属性和函数的常用方法->_=>_::_$this->
- 【笔记】 《js权威指南》- 第8章 函数 - 8.7 函数属性、方法和构造函数