问题描述
- js中的prototype使用的问题
-
base.js
var $ = function ()
{
return new Base();
}//创建一个数组，来保存获取的节点和节点数组*****************
function Base() {}
Base.prototype.elements = [];//创建一个数组，来保存获取的节点和节点数组****************
function Base()
{
this.elements = [];
}//获取ID节点
Base.prototype.getId = function (id) {
this.elements.push(document.getElementById(id));
return this;
};//获取元素节点
Base.prototype.getTagName = function (tag) {
var tags = document.getElementsByTagName(tag);
for (var i = 0; i < tags.length; i ++) {
this.elements.push(tags[i]);
}
return this;};
以上****号处这两种写法有什么不同，为什么测试获取的数组的值不一样
html代码
box
段落段落
段落
demo.js
window.onload = function ()
{
$().getId('box').css('color''red');
alert($().getTagName('p').elements.length);};
结果：把数组定义在函数体内（*处位置的不同）得到是3，而通过prototype方式，获得数组的长度确实4，这是怎么回事？？？
解决方案
Base.prototype.elements设置prototype原型，所有new出来的类都会有elements属性，并且会继承其他实例修改后的值，是共享的
this.elements = [];这样写是动态给实例添加elements对象，只属于此实例，不共享。
$().getId('box').css('color''red');
alert($().getTagName('p').elements.length);
用prototype时，你的第一行添加了一个元素，第二行继续添加3个，因为是共享的，所以你2个实例的elements都是一样的有4个
不用prototype时，是独立的，没构造一次就将elements清空了。所以第一句的添加的对象没有增加到第二句的示例中。你的代码写成这样还好理解点
var a = $(); a.getId('box'); //.css('color' 'red'); var b = $(); b.getTagName('p'); alert(b.elements.length);相关文章
- 对象-js中的方法继承和不使用继承添加方法的问题
- 对象-Javascript 中的Object.create() 问题
- zepto-Array.prototype.forEach中的this
- javascript中基本类型和引用类型的关系是什么？
- javascript- Object.prototype.constructor有啥用？
- prototype-关于javascript构造函数的一些问题
- js-JS该怎么测试啊，还有这个JS 是啥
- 引入prototype文件夹下validation.js源码修改问题？
- prototype-关于javascript原型对象的一些问题
- prototype js-关于prototype.js的ajax交互问题
【云栖快讯】他，一路保送，但可能不是你想象中的学霸； 他，曾是微软最年轻的技术管理者，挑战带领跨国团队； 他，后来加入阿里，成为阿里西雅图分部的第22名员工； 他，就是阿里通用计算平台负责人关涛！ 通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！ 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- c-C/C++转换问题，如何有效的转换？
- 火车站寄存管理系统数据库课程设计
- android 中APK如何获取root权限？
后三篇
- 如何将用cxf开发的Webservice发布到tomcat不使用spring
- 关于c++的的的数据溢出问题
- mfc-MFC对话框使用skinmagic美化的
(yq.aliyun.com)为您免费提供new-js中的prototype使用的问题相关信息，包括
new
的信息
，所有new-js中的prototype使用的问题相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_97727，您可以点击new-js中的prototype使用的问题-手机站访问。