小编教你浏览器提示页面不存在并在地址栏尾端显示undefined怎么解决
|
浏览器提示页面不存在并在地址栏尾端显示undefined是一种什么现象?undefined并没有在页面中直接显示,而是显示在地址栏中导致页面丢失故障。如果该网页是用户的网站该怎么优化JavaScript呢?
浏览器提示页面不存在并在地址栏尾端显示undefined的解决方法: undefined是一个特殊值,通常用于指示变量尚未赋值。对未定义值的引用返回特殊值。其实大多数计算机语言,只有一个表示“无”的值,比如,C语言的NULL,Java语言的null,Python语言的None,Ruby语言的nil。 但有一种语言是例外的,JavaScript语言居然有两个表示“无”的值:undefined和null。这是为什么?undefined 和null有什么区别呢? 一、相似性 在JavaScript中,将一个变量赋值为undefined或null,实话说,二者几乎没区别。 01var a = undefined;02var a = null;复制代码var a = undefined;var a = null; 上面代码中,a变量分别被赋值为undefined和null,这两种写法效果几乎是一样的。 undefined和null在if语句中,都会被自动转为false,相等运算符甚至直接报告两者相等。 01if (!undefined)02console.log('undefined is false');03// undefined is false04if (!null)05console.log('null is false');06// null is false07undefined == null08// true复制代码if (!undefined)console.log('undefined is false');// undefined is falseif (!null)console.log('null is false');// null is falseundefined == null// true 上面代码说明,两者的行为是何等相似! 既然undefined和null的含义与用法都差不多,为什么要同时设置两个这样的值? 二、真相揭秘 原来,这与JavaScript的历史有关。1995年JavaScript诞生时,最初像Java一样,只设置了null作为表示“无”的值。但是,JavaScript的设计者Brendan Eich,觉得这样做还不够,有两个原因。 首先,null像在Java里一样,被当成一个对象。但是,JavaScript的数据类型分成原始类型(primitive)和合成类型(complex)两大类,Brendan Eich觉得表示“无”的值最好不是对象。 其次,JavaScript的最初版本没有包括错误处理机制,发生数据类型不匹配时,往往是自动转换类型或者默默地失败。Brendan Eich觉得,如果null自动转为0,很不容易发现错误。 因此,Brendan Eich又设计了一个undefined。 三、目前的用法 但是,上面这样的区分,在实践中很快就被证明不可行。目前,null和undefined基本是同义的,只有一些细微的差别。 null表示“没有对象”,即该处不应该有值。典型用法是: (1) 作为函数的参数,表示该函数的参数不是对象。 (2) 作为对象原型链的终点。 01Object.getPrototypeOf(Object.prototype)02// null复制代码Object.getPrototypeOf(Object.prototype)// null undefined表示“缺少值”,就是此处应该有一个值,但是还没有定义。典型用法是: (1)变量被声明了,但没有赋值时,就等于undefined。 (2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。 (3)对象没有赋值的属性,该属性的值为undefined。 (4)函数没有返回值时,默认返回undefined。 01var i;02i // undefined03function f(x){console.log(x)}04f() // undefined05var o = new Object();06o.p // undefined07var x = f();08x // undefined复制代码var i;i // undefinedfunction f(x){console.log(x)}f() // undefinedvar o = new Object();o.p // undefinedvar x = f();x // undefined 以上便是浏览器提示页面不存在并在地址栏尾端显示undefined的一些JavaScript优化建议,如果页面使用的JavaScript太过古老,没有包括错误处理机制,发生数据类型不匹配,往往是自动转换类型或者默默地失败。 |
相关文章
热销商品
淘隐形风扇灯客厅吊灯北欧轻奢智能控制隐形卧室餐厅一体吊扇灯具
隐形风扇灯客厅吊灯北欧轻奢智能控制隐形卧室餐厅一体吊扇灯具
¥99 领券购买
淘皮尔卡丹春秋季男士风衣中长款男装休闲可脱卸连帽中年轻商务外套
皮尔卡丹春秋季男士风衣中长款男装休闲可脱卸连帽中年轻商务外套
¥303 领券购买
天软底外出洞洞鞋女夏季平底防滑沙滩鞋凉鞋外穿果冻包头厚底凉拖鞋
软底外出洞洞鞋女夏季平底防滑沙滩鞋凉鞋外穿果冻包头厚底凉拖鞋
¥26.8 领券购买
淘全网通中华为海思芯片无线网络4K高清智能家用无线wifi电视机顶盒
全网通中华为海思芯片无线网络4K高清智能家用无线wifi电视机顶盒
¥59 领券购买
天回力男鞋高帮鞋子男款2026新款春季百搭男生运动鞋厚底休闲板鞋男
回力男鞋高帮鞋子男款2026新款春季百搭男生运动鞋厚底休闲板鞋男
¥99.9 领券购买
天中粮名庄荟 法国波尔多大拉菲古堡拉菲酒庄正牌干红葡萄酒750ml
中粮名庄荟 法国波尔多大拉菲古堡拉菲酒庄正牌干红葡萄酒750ml
¥5453.1 领券购买
淘春季裤子男款修身弹力小脚裤商务休闲裤男士正装九分裤韩版小西裤
春季裤子男款修身弹力小脚裤商务休闲裤男士正装九分裤韩版小西裤
¥70 领券购买
天{含桑蚕丝}轻奢休闲裤男免烫抗皱商务高级感长裤西裤四面弹力坠感
{含桑蚕丝}轻奢休闲裤男免烫抗皱商务高级感长裤西裤四面弹力坠感
¥216 领券购买
天BODYDREAM春秋西裤男宽松休闲裤直筒高级垂坠感微喇阔腿裤西装裤
BODYDREAM春秋西裤男宽松休闲裤直筒高级垂坠感微喇阔腿裤西装裤
¥254 领券购买
淘春季新款休闲裤男士修身弹力小脚裤轻奢九分裤子男商务韩版小西裤
春季新款休闲裤男士修身弹力小脚裤轻奢九分裤子男商务韩版小西裤
¥70 领券购买
淘SOARIN英伦风复古条纹西裤男 痞帅绅士商务正装直筒免烫西服长裤
SOARIN英伦风复古条纹西裤男 痞帅绅士商务正装直筒免烫西服长裤
¥145 领券购买
淘【100%法国亚麻】CULTUM日系垂感透气抽绳单褶西裤男休闲阔腿裤子
【100%法国亚麻】CULTUM日系垂感透气抽绳单褶西裤男休闲阔腿裤子
¥263 领券购买
天olayks立时陶瓷釉多功能电压力锅家用5升高压饭煲大容量3一8人
olayks立时陶瓷釉多功能电压力锅家用5升高压饭煲大容量3一8人
¥340 领券购买
天美的0涂层电压力锅家用大容量0氟双胆智能多功能高压锅6L高压饭煲
美的0涂层电压力锅家用大容量0氟双胆智能多功能高压锅6L高压饭煲
¥749 领券购买
淘ZAN原创新款裙子棉麻半身裙秋冬文艺复古中长款显瘦半裙百搭长裙
ZAN原创新款裙子棉麻半身裙秋冬文艺复古中长款显瘦半裙百搭长裙
¥263 领券购买
天Nike耐克男装休闲宽松时尚舒适运动卫衣运动长袖T恤AR5194-100
Nike耐克男装休闲宽松时尚舒适运动卫衣运动长袖T恤AR5194-100
¥160 领券购买

