js之原型与构造方法的使用

简介:

类与对象的区别

类:模子

对象:产品(成品)

例如:

var arr1=new Array(12,10,11,112,111,52);


Array:类

arr1:对象

只能arr1.push()而不能Array.push();


用构造函数加属性,原型加方法

<script>

function createPerson(name,qq)//构造函数

{

//new创建后系统自动进行声明:

//var this=new Object();

this.name=name;

this.qq=qq;

//return obj;

//系统会自动返回出去:

//return this;

};

var obj=new createPerson('詹少男','265404540'); 

var obj2=new createPerson('艾丝凡','112233');


createPerson.prototype.showName=function ()  //原型

{

alert('我的姓名是:'+this.name);

};

createPerson.prototype.showqq=function ()

{

alert('我的QQ是:'+this.qq);

};

obj.showName();

obj.showqq();

obj2.showName();

obj2.showqq();


</script>


本文转自 水滴的历程 51CTO博客,原文链接:http://blog.51cto.com/12390959/1914426


相关文章
|
8月前
|
JavaScript 前端开发
js开发:请解释原型继承和类继承的区别。
JavaScript中的原型继承和类继承用于共享对象属性和方法。原型继承通过原型链实现共享,节省内存,但不支持私有属性。
64 0
|
8月前
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)(三)
深入JS面向对象(原型-继承)
59 0
|
2月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
36 1
JavaScript中的原型 保姆级文章一文搞懂
|
5月前
|
JavaScript 前端开发
如何在JavaScript中实现基于原型的继承机制
【8月更文挑战第14天】如何在JavaScript中实现基于原型的继承机制
35 0
|
4月前
|
JSON JavaScript 前端开发
js原型继承|26
js原型继承|26
|
4月前
|
JavaScript 前端开发
JavaScript prototype(原型对象)
JavaScript prototype(原型对象)
42 0
|
4月前
|
JavaScript 前端开发
JavaScript基础知识-原型(prototype)
关于JavaScript基础知识中原型(prototype)概念的介绍。
47 1
|
5月前
|
JavaScript 前端开发
JavaScript中什么是原型?有什么用?
JavaScript中什么是原型?有什么用?
27 1
|
5月前
|
JavaScript 前端开发 Java
什么是JavaScript原型对象
【8月更文挑战第2天】什么是JavaScript原型对象
70 9
|
7月前
|
设计模式 JavaScript 前端开发
【JavaScript】深入浅出JavaScript继承机制:解密原型、原型链与面向对象实战攻略
JavaScript的继承机制基于原型链,它定义了对象属性和方法的查找规则。每个对象都有一个原型,通过原型链,对象能访问到构造函数原型上的方法。例如`Animal.prototype`上的`speak`方法可被`Animal`实例访问。原型链的尽头是`Object.prototype`,其`[[Prototype]]`为`null`。继承方式包括原型链继承(通过`Object.create`)、构造函数继承(使用`call`或`apply`)和组合继承(结合两者)。ES6的`class`语法是语法糖,但底层仍基于原型。继承选择应根据需求,理解原型链原理对JavaScript面向对象编程至关重要
157 7
【JavaScript】深入浅出JavaScript继承机制:解密原型、原型链与面向对象实战攻略