最近由于比赛要交了,以及工作室屯了各种项目,实在忙不过来刷题,所以很久没更blog了(良心痛),现在自己的水平还是渣代码堆砌 + 简单的增删改查(悲伤)
所以痛定思痛,决定之后的任务是先补学校课堂的知识(已经很久没有好好学习了),然后业余时间选择读一些源码&涉猎一些不同的应用场景(多看一点github项目)&刷题
所以开始了本月第一弹underscore源码解析部分
第一行代码:
var root = typeof self == 'object' && self.self === self && self ||
typeof global == 'object' && global.global === global && global ||
this ||
{};
**问题: self是什么, self.self是什么, 有什么用?**
-
首先,self即是window.self,self变量在IIFE中没有声明,所以向上寻找,访问window对象。
在MDN中,知道
- window.self是“返回一个指向当前 window 对象的引用。”
- window.self几乎总是用于下面示例那样的比较,用来判断当前 window 是不是父 frameset 中的第一个 frame。
if (window.parent.frames[0] != window.self) {
// 当前对象不是frames列表中的第一个时
}应用: 我们总是能看到有网站左右两边挂了一些“不可描述”的图,用F12发现,他们基本上都是有一个iframe标签包裹,这种现象有可能是网站被劫持了。所以通过window.self的判断可以判断网站是不是被劫持
-
self.self
对于web页面,在默认情况下,以下4个写法都是相同的
window === self // true
window.window === window.self // true
window.self === self // true
window.window === self // true通过这个判断来判断是不是浏览器环境
同理,global是node环境下对全局对象的引用,类似于第一句,是进行node环境的判断
收获:
1.比三目运算符更酷炫的赋值操作
var tmp = 条件1 && 条件2 && 条件3 && 目标值
2.知道了window.self的存在
参考网站: