Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >有趣的window.name

有趣的window.name

作者头像
用户7293182
发布于 2022-01-17 13:57:43
发布于 2022-01-17 13:57:43
22700
代码可运行
举报
文章被收录于专栏:jQuery每日经典jQuery每日经典
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var name = {sex: '男'};
console.log($.type(name)); // string  
console.log($.type({sex: '男'})); // object
console.log(typeof name); // string 

疑惑吗?自己动手试一下,这是为什么呢?

第四行代码可以证实这不是 jQuery 插件的问题,造成这一问题的原因是 window 对象。

window 对象有一个 name 属性, 而且这个 name 属性是可以设置的,但是!!!

window.name is always casted to a string. Avoid writing code in a global context to avoid it.

HTML5 中 对于window.name 的定义:

The name attribute of the Window object must, on getting, return the current name of the browsing context

如果将 name 手动修改为一个对象,

则在调用的地方,name='[object Object]'。

所以,避免在全局上下文中 查看 name 的类型,因为它总是返回 string。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-07-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 jQuery每日经典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
手摸手打造类码上掘金在线IDE(三)——沙箱环境
在前面的内容中,我们讲了在线ide 的内容种类,状况,以及如何选择ide 的代码编辑器, 我们从
用户7413032
2022/11/18
9210
手摸手打造类码上掘金在线IDE(三)——沙箱环境
this指针的原理
讲解this指针的原理是个很复杂的问题,如果我们从javascript里this的实现机制来说明this,很多朋友可能会越来越糊涂,因此本篇打算换一个思路从应用的角度来讲解this指针,从这个角度理解this指针更加有现实意义。
全栈程序员站长
2022/08/29
2700
【CSDN学院出品】 你不可不知的JS面试题(分期更新……)
7种。分别是boolean、number、string、object、undefined、null、symbol。
Vam的金豆之路
2021/11/30
3460
【CSDN学院出品】 你不可不知的JS面试题(分期更新……)
通过自己实现函数 call,apply,bind 来了解他们的原理
我们知道函数中的call,apply,bind都是可以修改函数的this指向。关于函数的this指向问题可以转到Javascript this 指向问题这篇文章。
踏浪
2019/08/22
8320
解析call、apply、bind三者区别及实现原理
不管在写插件,还是写框架,又或者其它业务开发中。我们都会遇到在执行函数的时候,如果需要保证函数内部this不被污染或者说需要使函数内部this指向到指定对象的时候,都会按情况分别使用到call、apply、bind方法来实现需求。
吴佳
2022/09/26
2.6K0
本周群问题分享
收集时间:2016.4.18~2016.4.22 温馨提示:小编从大家的问题当中提取了几个比较经典的问题与大家一起分享。 JavaScript 如何获取上传图片的路径? 2016.4.18~2016.4.22 核心概念 本地图片与服务器图片路径 参考答案 1 可以利用后台语言PHP来获取图片路径,PHP当中通过$_FILES这个全局变量进行文件相关信息的获取,使用$_FILES["file"]["name"]获取文件的名字;如果想具体了解PHP文件上传操作可以在HTML5学堂官网搜索“文件上传”; 2 如果
HTML5学堂
2018/03/13
1.3K0
JavaScript第六节
数组:是有序的元素集合 ,数组用于存放一组有序的数据,比如一个班级所有人的名字,一个班级所有人的成绩。
用户3461357
2019/08/02
4880
JavaScript中的类型判断
类型判断在 web 开发中有非常广泛的应用,简单的有判断数字还是字符串,进阶一点的有判断数组还是对象,再进阶一点的有判断日期、正则、错误类型,再再进阶一点还有比如判断 plainObject、空对象、Window 对象等等。
ConardLi
2019/05/23
1.4K0
个人小结--javascript实用技巧和写法建议
从大学到现在,接触前端已经有几年了,感想方面,就是对于程序员而言,想要提高自己的技术水平和编写易于阅读和维护的代码,我觉得不能每天都是平庸的写代码,更要去推敲,去摸索和优化代码,总结当中的技巧,积极听取别人的建议,这样自己的技术水平会提高的更快。那么今天,我在这里就分享一下关于javascript方面的写作的实用技巧和建议,这些技巧和建议是我平常在开发项目上会用到的,希望能让大家学到知识,更希望能起到一个交流意见的作用,也就是说大家有什么好的技巧或者建议,欢迎分享,或者觉得我的想法存在什么问题,欢迎指出!
守候i
2018/08/22
5670
个人小结--javascript实用技巧和写法建议
一文彻底搞懂前端沙箱
在一些应用中,我们希望给用户提供插入自定义逻辑的能力,比如 Microsoft 的 Office 中的 VBA,比如一些游戏中的 lua 脚本,FireFox 的「油猴脚本」,能够让用户发在可控的范围和权限内发挥想象做一些好玩、有用的事情,扩展了能力,满足用户的个性化需求。
桃翁
2022/03/30
2.8K0
一文彻底搞懂前端沙箱
这些Zepto中实用的方法集
根据文章内容撰写摘要总结。
IMWeb前端团队
2017/12/29
8750
这些Zepto中实用的方法集
一起回归一下每日一题这些经典面试题
面试造火箭,工作拧螺丝,虽然我只想拧螺丝,可是我需要用造火箭的技术去寻找拧螺丝的工作,如何能在面试过程中让自己处于不败的地步呢,刷题是一个比较好的捷径,今天就汇总了一些比较经典的面试题进行了汇总,分享给大家。
前端进击者
2021/07/27
3950
前端知识体系整理(不断更新)
var x = {}; var y = []; var z = null; typeof x; // "object" typeof y; // "object" typeof z; // "object"
一个会写诗的程序员
2018/08/17
1.8K0
原生JS | 数据类型检测,并没你想象的那么简单
HTML5学堂-码匠:看上去,JavaScript中的数据类型检测,并没有什么难度,但是……它包含了不少的知识,如果你只知道一个typeof的话,那很建议你读读这篇文章,加强一下~ 最近一个关系很不错的朋友在跳槽,面试一家大型知名互联网公司的时候,面试官问了一个看上去“超级”基础的问题:如何进行数据类型的检测啊? 面试官:能告诉我如何进行数据类型的检测吗? 码匠好友:typeof啊~ 面试官:还有吗? 码匠好友:instanceof 面试官:还有别的吗?你了解几种? 码匠好友:jQuery的isArray、
HTML5学堂
2018/03/13
1K0
JavaScript跨域解决方式
平时工作中经常被JavaScript跨域问题所困扰,其实有很多种解决方式,下面给大家介绍常用的几种:
Jack Chen
2018/09/14
8310
JavaScript跨域解决方式
jQuery源码浅析
如果说php是世界上最好的语言,那么javascript无疑可以称为世界上最飘逸的语言,最近看了下jQuery的源码,实现了一个简陋的jQuery。我觉得要看懂jQuery整体结构,需要搞懂js作用域链,闭包,js prototype继承,关于闭包网络上的定义实在太多了,这里参照了js权威指南里的定义,感觉从js的角度好理解一点。
用户3094376
2018/09/12
1K0
JS魔法堂:属性、特性,傻傻分不清楚
一、前言                                   或许你和我一样都曾经被下面的代码所困扰 var el = document.getElementById('dummy'); el.hello = "test"; console.log(el.getAttribute('hello')); // IE67下输出test,其他浏览器输出null   “搞毛啊?”,苦逼的Jser对着浏览器大呼一声。然后就用下面蹩脚的方式草草处理掉了。 function getAttr(el, pro
^_^肥仔John
2018/01/18
1.9K0
JS魔法堂:属性、特性,傻傻分不清楚
什么是localStorage?
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。
张哥编程
2024/12/13
2430
什么是localStorage?
JS面试之函数(1)
1.函数声明有预解析,而且函数声明的优先级高于变量; 2.使用Function构造函数定义函数的方式是一个函数表达式,这种方式会导致解析两次代码,影响性能。第一次解析常规的JavaScript代码,第二次解析传入构造函数的字符串
火狼1
2019/04/17
2.1K0
JS面试之函数(1)
那些年前端跨过的域
同源策略(same-origin policy) 最初是由 Netspace 公司在 1995 年引入浏览器的一种安全策略,现在所有的浏览器都遵守同源策略,它是浏览器安全的基石。
沃趣科技
2018/05/15
2.1K1
那些年前端跨过的域
相关推荐
手摸手打造类码上掘金在线IDE(三)——沙箱环境
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验