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>

时间: 2024-08-17 14:22:10

js之原型与构造方法的使用的相关文章

前端基本知识(二):JS的原型链的理解

之前一直对于前端的基本知识不是了解很详细,基本功不扎实,但是前端开发中的基本知识才是以后职业发展的根基,虽然自己总是以一种实践是检验真理的唯一标准,写代码实践项目才是唯一,但是经常遇到知道怎么去解决这个问题,但是不知道使用的是什么一种方法,方法的原理是什么,现在觉得大学里学习的基本知识还是很重要的,一定有自己的理解才能走的更远. 无论以后自己的学习新的技术,但是万变不离其宗,基本扎实,学习效率高. 废话这么多,开始了今天理解的四部分部分. 一.JS的原型链理解方式 二.原型理解 三.规则 四.j

JS 简单原型对象

<!-- ————————JS简单原型 ———————— --> function Person(){}; Person.prototype={ //constructor:Person,//必须加上 表示原型对象的构造函数 name:"Z3", age:"20", job:"人才", say:function(){ alert("简单原型"); } }; //ECMN5 给原型对象重新设置构造函数definePr

Js的原型理解

Js的原型一直都是新手困惑的东西 原型也是Js强大的功能之一, 在面向对象编程里, 原型是必不可少的环节 我们知道Js有五种基本类型: String, Number, Boolean, undefined和null 还有三种引用类型: Array, Object, Function 而对于array类型, 也有join, reverse, pop, shift等方法供我们调用 类似于这样: let arr = []; 空空的数组,可是为什么会有方法供我们调用呢? 这里就是原型了. 每一个Js对象

JS高级---原型

原型 作用1 :节省空间,数据共享 function Person(name,age){ this.name=name; this.age=age; }//通过自定义构造函数来创建对象 Person.prototyp e.eat=function(){ console.log("我爱js"); }//通过原型来添加方法 var p1=new Person("小明",20); var p2=new Person("小红",30); console.

怎么理解js的原型链继承?

前言 了解java等面向对象语言的童鞋应该知道.面向对象的三大特性就是:封装,继承,多态. 今天,我们就来聊一聊继承.但是,注意,我们现在说的是js的继承. 在js的es6语法出来之前,我们想实现js的继承关系,需要借助于原型链.之前的文章,我有讲过原型和原型链的概念.在这,再重新回顾一下. js中万物皆对象,每个对象都有一个隐式原型 __proto__ ,指向创建它的构造函数的原型对象. 函数(构造函数)除了有一个隐式原型对象,还有一个属性prototype,它指向一个对象,这个对象就是原型对

js 原型和构造方法 内容是 从别处复制来的

Javascript来说,方法在本质上也是一种属性. 构 造方法 和构造属性一样,它是分别存储于每个实例之中的,相互之间是完全独立. 原型方法 和原型属性一样,他是存储于原型中的,每个实例中存储的实际上一 个指向原型的指针. 所有对原型方法的修改会影响到所有实例,而构造方法实际上只能通过实例来访问和修改,也只会影响到相应的实例. 先写结论:方法通常应该使用原型模式定义,并且在必要时通过原型来动态重定义,避免使用构造模式定义方法. 看看示例代码吧: 我们首先构造一个简单的类car,定义2个方法,分

js面向原型话语言总结

一.数组的查找和删除 function WarrperArray(array){ this.array = array; } //返回下标 WarrperArray.prototype.existValue = function(val){ for(var j = 0;j<this.array.length;j++){ if(this.array[j]==val) return j; } return -1; } //删除指定值得元素 WarrperArray.prototype.removeV

js的原型链

开篇 之前对js中的原型链和原型对象有所了解,每当别人问我什么是原型链和原型对象时,我总是用很官方(其实自己不懂)的解释去描述.有一句话说的好:如果你不能把一个很复杂的东西用最简单的话语描述出来,那就说明你没有真正的理解.最近正在读<Javascript高级程序设计>,书中对原型对象和原型链的描述让我受益匪浅,下面仅用一个对比性的例子来说明. 我们经常会这么写 function Person () { this.name = 'John'; } var person = new Person(

js之原型链的理解

在js中,原型也是一个普通的对象,通过原型我们能够实现对象的属性继承. 首先,我们要明确引用类型有Array.Object.Function,这些引用类型都是能够自由的扩展属性. 1 var obj = {}; 2 obj.a = 10; 3 obj.b = 20; 4 5 obj; // Object {a: 10, b: 20} 我们上面说的这几个引用类型都有一个属性__proto__,这是一个普通的对象.而这个__proto__属性是指向它的构造函数的prototype属性.我们可以在代码