位置: 编程技术 - 正文

JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题(js给input添加属性)

编辑:rootadmin

推荐整理分享JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题(js给input添加属性),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js设置input属性必填项,js给input添加属性,input怎么调用js函数,js给input添加属性,javascript给input赋值,javascript中input怎么用,javascript中input怎么用,javascript给input赋值,内容如对您有帮助,希望把文章链接给更多的朋友!

 在自己做东西时,遇见了一个问题。就拿博客园的首页右边的搜索举例吧,用控制台操作。

  

  

  现在我需要从另外一个地方将数据传给input,让其在一刷新的时候就显示数据。

  这不难啊,于是我按照我的理解做了

  代码如下:

  

  此时,id为zzk_q的值应该为 测试 ,即input框内应该显示 测试 。但结果。。

  

  咦,为什么没有变呢,不对啊,又来来回回变着法子试一下,还是不行,当然代码基本还是那样子的。突然想起我以前遇见过这样子的问题,仔细回想当时解决的方法(看样子当时没理解透,只是找到方法就过去了),想起来了,我试一下,代码如下:

  看结果:

 

  这次成了。第一次遇见这个问题时没有细想,成功了就跳过了。但这次我开始想为什么呢?为什么呢?怎么会这样啊,没办法理解啊。然后我自己在哪里来回折腾,但还是想不明白。同样是赋值这俩者有什么差别吗?差别在哪里啊?后来才知道是值类型和引用类型,当然是别人给我指出来的(……)。

  然后我就去找这方面的东西看,发现这东西我看过,汗。

  自年Javascript被标准化以来,它定义了六种基本类型。直到ES6,JS程序中任何一个值都属于以下几种类型之一。

&#;Undefined &#;Null &#;Boolean &#;Number &#;String &#;Object

  不过,ES6又加了一个基本类型:Symbol 类型。这个没多大了解,不作讨论,等以后熟悉再说吧,又要学。

  在JavaScript的变量中,有俩种类型的值:基本类型和引用类型的值。基本类型值(也有人称为值类型)是简单地数据段,它是按值访问的,并对其中的值进行操作。而引用类型值值那些有可能有多个值构成的对象。赋值的时候,解释器必须确定值是基本类型还是引用类型。

  基本数据类型有:Undefined、Null、Boolean、Number、String。引用类型是保存在内存中的对象,即Object,对象是方法和属性结合。

  1.类型值的动态属性

JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题(js给input添加属性)

  这是引用类型:

  这个例子中,我们先创建了一个空对象,然后将其保存在person变量中,然后给对象添加了一个属性name,而且给这个属性赋值了一个字符串“foo”,然后输出,可以看到输出了字符串foo,然后我们将这个属性删除,输出undefined。这些说明,我们可以动态的给对象添加属性和方法,如果不销毁对象或者删除属性,将会一直存在。

  这是基本类型:

  在这个中,我们将一个字符串"foo",保存在一个name变量中,然后也给它添加了一个属性age,并赋值,然后输出,像我以前想的那么该输出,但实际情况是undefined。

  这个是否可以理解为基本类型的值是不可变的,而引用类型是可以动态改变的。

  2.复制变量值

  和上面说的一样,基本类型是按值访问的。而引用类型呢,在JavaScript和其它语言不同,允许直接访问内存中的位置,也就是说我们不可以直接操作对象的内存空间,那怎么办呢?在操作对象时,实际上是对操作对象的引用,引用类型的值是按引用对象访问的。引用类型的存储需要内存的栈内存和堆内存共同完成,栈内存保存变量标识符和指向堆内存中该对象的指针,也可以说是该对象在堆内存的地址。

  先看例子:

 从一个变量向另一个变量复制基本类型的值,我们会在变量对象上重新创建一个新值,然后把该值复制到新变量分配的位置上。这俩个值是完全对立的,对俩个变量进行其他操作是互不影响的。它们应该是保存在栈内存中,如下图所示:

 

  看一下引用类型:

  当从一个变量想另一个变量复制引用类型的的值时,也会将该值复制一份放到新的空间中。但是就跟上面说的一样,引用类型的存储要栈内存和堆内存一起完成,这个值实际上是一个指针,而这个指针指向存储在堆中的一个对象。复制操作结束后,俩个变量实际上是同一个指针,也就是引用同一个对象。所以,改变其中的一个变量,另一个变量也会随之改变。如下图:

参看 JavaScript高级程序设计。

  这样一梳理,就对一开始的问题有些明白了,开头那个错误,一开始,取到input的value(此时为空),复制给title,然后以改变title期望改变input的value。但input的value(可以看成一个变量)就是一个基本类型,复制后,它俩完全独立了,互不影响。再说成功的,将value拿出来,先将input(对象)复制给title,然后给title添加value属性,并赋值,此时俩个指向同一个对象,改变一个,也会影响另外一个。恩,就这样子。

  虽然很多知识从书上或其他地方看了一遍或多遍,但是等你真正遇到时感觉好奇怪。怎么会这样,然后自己去找答案。等找到或是别人指出后,才发现这个以前看见过,有些甚至自己解决过(不能说解决,只能说没有深究,没有彻底弄懂)。还有一些大学的基础都忘的七七八八了(本来就学的不好)。连栈内存和堆内存都去搜了一下。恩,既然决定走这条路了,就好好学习吧。

  最后:

PS:(集合和引用类型、基本数据类型赋值不一样)一个简单的java问题 先后的赋值问题

list里面的对象加进去就改不了,但是可以修改对象里面的属性值。

简单string里面的值就改变不了

结果:

切记:最好还是按正常来写,避免混淆

JavaScript的History API使搜索引擎抓取AJAX内容 大家在浏览Facebook的相册时有没有发现,页面局部刷新的同时地址栏的地址也改变了,而且不是hash的方式。它使用的就是HTML5history新增的几个API,作为wi

JS与jQuery遍历Table所有单元格内容的方法 本文实例讲述了JS与jQuery遍历Table所有单元格内容的方法。分享给大家供大家参考,具体如下:用JS去遍历Table的所有单元格中的内容,可以用如下JS代码

JavaScript中的return语句简单介绍 return语句在js中非常的重要,不仅仅具有返回函数值的功能,还具有一些特殊的用法,下面就结合实例简单介绍一下return语句的作用。一.用来返回控制

标签: js给input添加属性

本文链接地址:https://www.jiuchutong.com/biancheng/387106.html 转载请保留说明!

上一篇:JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例(javascript原生函数的源代码)

下一篇:JavaScript的History API使搜索引擎抓取AJAX内容

  • 年检更换需要什么材料
  • 个人出租商用房税率
  • 融资租赁租出的固定资产需要计提折旧吗
  • 未确认融资费要还款吗
  • 权责发生制根据产品的生产特点和管理要求结转成本
  • 其他应收款款项性质有哪几种
  • 基本户注销后还可以再开吗
  • 收到投资款的会计科目
  • 个体工商户需要报税吗
  • 企业股权转让影响利润吗
  • 卖自用轿车要缴什么税
  • 外购商品增值税
  • 赡养老人专项附加扣除可以是爷爷奶奶吗
  • 收到加工劳务发票怎么做
  • 境外企业分红个税怎么交
  • 自行建造固定资产的计税基础
  • 软件研发购买的测试用的设备应该怎么做账?
  • 意外死亡公司赔偿多少标准
  • 补缴以前年度个税会计处理
  • 汇总缴纳增值税如何申报
  • 年报填写中,认缴出资时间怎么填?
  • 职工福利费当年怎么扣
  • 税务师几年内考完几门
  • 商品返点收入账务处理
  • 期初存货余额在哪张表里
  • 借应收账款贷应收账款是什么意思
  • 厦门新车购置税计算
  • vue项目如何搭建
  • 劳务报酬计入综合所得吗
  • 违约金条款的特点
  • 在电脑上网页打不开怎么办
  • 个人所得税应该计入什么科目
  • 递延所得税当期要交吗
  • 未到期的应收票据向银行贴现什么时候计入短期贷款
  • nmstt.exe - nmstt是什么进程 有什么用
  • 无形资产的所得税处理是按100%还是75%
  • 资产减值的会计政策
  • 无法偿还应付账款账务处理
  • 机器设备拆除增值税税率
  • 养老院护工5.8k包吃住
  • 是谁唤醒你
  • phpinfophp漏洞利用
  • 临时工工资计入哪里
  • centos安装php环境
  • 股东垫付款怎么处理
  • 网络安全实验室
  • vue要怎么学
  • vue和react差别
  • 职工食堂费用计入什么科目
  • 新购买的发票如何读取
  • 其他应收账款为个人借款
  • 商场返点怎么核算
  • 营业外支出明细账
  • 企业提前还贷为什么违约
  • mysql用户权限详解
  • 简易计税的增值税税率
  • 金融放贷工作具体做什么
  • 稳岗补贴支付范围
  • 开票方未缴税,为何要追回付款方的退税款
  • 装饰公司财务工作内容
  • 企业职工福利费使用范围和标准
  • 加油卡充值发票可以抵税吗
  • 管理费用贷方有余额怎么处理
  • 民办学校学费收入
  • 市政配套费减免政策
  • mac系统锁屏
  • linux怎么禁用命令
  • windows推送
  • windows10 不能启动
  • windows 10预览版
  • cocos2dx 3.4 lua加密 setXXTEAKeyAndSign
  • cocos2dx android游戏防破解总结
  • BUG: OpenGL error 0x0500 in -[CCEAGLView swapBuffers] 328
  • Python列表list
  • 淘宝模拟生成器
  • javascript面向对象编程 PDF
  • 重庆电子税务局网页版登录
  • 进口肉的税率是多少
  • 重庆电子税务局网页版登录
  • 蚊香税率是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设