一、全局对象 window
ECMAScript 规定全局对象叫做 global，但是浏览器把 window 作为全局对象（浏览器先存在的）
window 就是一个哈希表，有很多属性。
window 的属性就是全局变量。
这些全局变量分为两种：
一种是 ECMAScript 规定的
这些属性的实现是ECMAScript 规定的，各个浏览器或是nodejs环境都是一样的
global.parseInt
global.parseFloat
global.Number
global.String
global.Boolean
global.Object
一种是浏览器自己加的属性
这些属性的各种浏览器自己去实现，可能不一样或没有。如alert,nodejs中就没有，Chrome和Firefox实现的样式可能不一样。
window.alert（弹窗）
window.prompt（用户填写）
window.comfirm（用户确认）
window.console.log（开发者工具中打印log日志）
window.console.dir
window.document（文档DOM W3C的标准）
window.document.createElement（创建一个元素）
window.document.getElementById
所有 API 都可以在 MDN 里找到详细的资料(https://developer.mozilla.org/zh-CN/docs/Web/API/Window
)。
今天我们学习第一种全局变量。
二、全局函数
1.Number
var n = new Number(1) 创建一个 Number 对象
Number('1') //尝试将其他类型的值转换成number类型
var n1=1
var n2 = new Number(1)//创建一个Number类型的对象，内置了很多方法
console.log(n.toString())//n是一个Number对象，有toString()方法
1 与 new Number(1) 的区别是什么？看内存图：
image.png
那么简单类型n1（1）有toString方法吗？可以调用toString方法吗？
img.png
n2是Number类型的对象（object），__proto__ 中有toString()方法
n1是普通类型number，没有__proto__
但当n1.toString()的时候会创建一个临时的Number类型的object temp，所以可以n1.toString()
n1.xxx=333
n1.xxx //undefined
可以画内存图理解，如下图所示：
image.png
创建一个临时对象用于转换，执行完毕之后被回收
2.String
var s = new String('hello') 创建一个 String 对象
'hello' 与 new String('hello') 的区别是什么？看内存图
var s1 = 'xyz' //普通类型string
var s2 = new String(s1) //String类型的对象object，内置了String的很多方法
s2.charAt(16) //获取某个索引下的值
s2.trim() // 去掉首尾的空格
.trim 去掉首尾的空格
.concat 连接两个字符串
image.png
内置方法在__proto__里面
3.Boolean
var b = new Boolean(true) 创建一个 Boolean 对象
true 与 new Boolean(true) 的区别是什么？看内存图
var b2 = true //普通类型boolean
var b2 = new Boolean(true) //Boolean类型的对象
var f = false
var f2 = new Boolean(false)
if(f){console.log(1)}
if(f2){console.log(2)}
//会打印2
会打印2，因为f2是对象，所有对象都是true！！！
falsy值：0，NaN, null, undefined, '', "", false, documen.all
4.Object
var o1 = {}
var o2 = new Object()
o1 和 o2 没区别
三、公用的属性藏在哪
所有对象都有 toString 和 valueOf 属性，那么我们是否有必要给每个对象一个 toString 和 valueOf 呢？
每个对象都存.png
明显不需要。太浪费内存了
JS 的做法是把 toString 和 valueOf 放在一个对象里（暂且叫做公用属性组成的对象）
然后让每一个对象的 __proto__存储这个「公用属性组成的对象」的地址。
公用属性放一起.png
隐藏的key：proto
var o1 = new Object()
o1.name = 'fra'
o1.age = '18'
image.png
object的共有属性和number的共有属性是不同的
image.png
__proto__和prototype的关系
prototype和__proto__都会指向一个共有属性
prototype是浏览器写好的
image.png
四、重要公式
注意大小写，number 和 Number 是不同的
var 对象 = new 函数()
对象.__proto__ === 对象的构造函数.prototype
// 推论
var number = new Number()
number.__proto__ = Number.prototype
var object = new Object()
object.__proto__ = Object.prototype
var function = new Function()
function.__proto__ = Function.prototype
// 另外，所有函数都是由 Function 构造出来的，所以
Number.__proto__ = Function.prototype // 因为 Number 是函数，是 Function 的实例
Object.__proto__ = Function.prototype // 因为 Object 是函数，是 Function 的实例
Function.__proto__ == Function.prototye // 因为 Function 是函数，是 Function 的实例！
image.png
网友评论