初学JS,Array对象prototype属性
来源:小嘟嘟熊     阅读:1568
动云科技
发布于 2018-08-12 22:54
查看主页

大家好,我是小嘟嘟熊,这一节我们来学习如何给对象增加属性,要实现这个功能我们就要调使用对象的prototype属性,该属性可以向对象增加属性和方法。语法object.prototype.属性名=初始值,

我们来做个实例,

在桌面新建一个文本文档,写入代码:

javascript:

var msg = new ActiveXObject("WScript.shell");

/定义一个studinfo(学生信息)结构,分别为姓名,学号,专业*/

function studinfo(sName,studID,pSional){

this.sName = sName;

this.studID = studID;

this.pSional = pSional;

}

/初始化结构*/

var stud = new studinfo("张三",2018001,"计算机");

var str = "没有增加年龄属性时:\n";

str = str + "姓名:" + stud.sName + "\n";

str = str + "学号:" + stud.studID + "\n";

str = str + "专业:" + stud.pSional + "\n\n";

//用ptototype增加新属性

studinfo.prototype.age = null;

//给新属性age赋值

stud.age = 18;

str = str + "增加年龄属性后:\n";

str = str + "姓名:" + stud.sName + "\n";

str = str + "学号:" + stud.studID + "\n";

str = str + "专业:" + stud.pSional + "\n";

str = str + "年龄:" + stud.age + "\n";

msg.popup(str,1,"js基础:prototype增加属性",64);

初学JS,Array对象prototype属性

图1

上图中可以看到,先是定义了一个studinfo(学生信息)的对象,而后定义一个stud引使用了它,并给它的属性成员赋值,后面使用到了prototype给它增加一个age属性,值为18,

初学JS,Array对象prototype属性

图2

运行后如上图,消息提醒没增加属性,和增加属性后的值,大家可以试一下,在没增加age属性时,强行输出看看有什么效果

结果是undefined(没有定义)

在Array中还有3个属性,tostring和tolocaleString,这两个和之前的join差不多,tostring可把数组转换为字符串,并返回结果。

tolocaleString把数组转换为本地字符串。

做个例子,在文档里写入代码

var Arr = new Array(3);

Arr[0]="语文";

Arr[1]="数学";

Arr[2]="英语";

//先使用toString输出数据

str = "toString输出:" + Arr.toString()+ "\n";

str = str + "toLocaleString输出:" + Arr.toLocaleString()+ "\n";

msg.popup(str,1,"js基础:把数组转为字符串",64);

按F5运行后如下图消息框提醒

初学JS,Array对象prototype属性

图3

Array的unshift属性就是在数组前面插入一个或者多个元素,参数必需有一个,做个实例,在文本框里写入代码

Arr.unshift("美术","物理");

msg.popup("插入新元素后;" + Arr,1,"js基础:用unshift插入数组",64);

初学JS,Array对象prototype属性

初学JS,Array对象prototype属性

图4

运行后,在语文前面多了两个元素,"美术","物理"

免责声明:本文为用户发表,不代表网站立场,仅供参考,不构成引导等用途。 网页前端 JS
相关推荐
RxJava 2.0还没熟习,RxJava 3.0说来就来了!(基础篇)
看完这篇,数据同步还不会,还能怪谁
苏州,想说爱你不容易
python实现将android手机通讯录vcf文件转化为csv
HTML5实体N
首页
搜索
订单
购物车
我的