JS-全局变量与原型

全局对象

window对象

1. BOM的核心对象，表示浏览器的一个实例。

2. 双重角色

   • JavaScript访问浏览器窗口的一个接口
   • ECMAScript规定的Global对象

3. window实际是一个哈希，对象内容也分为2部分

   
   • ECMAScript规定的
     • global.parseInt
     • global.parseFloat
     • global.Number
     • global.String
     • global.Boolean
     • global.Object
   • 浏览器内置的（浏览器不同，规定不同，标准不同）
     • window.alert(弹框提示)
     • windowprompt(用户填写)
     • window.comfirm(确认)
     • window.console(开发者)
     • window.setTimeout(function(){},3000)（指定秒后执行函数）
     • window.docuument(文档)【DOM】
     • window.history【BOM】

注意：全局属性可以省略前面内容。例如window.alert()可以写出alert()

简单类型与对象的区别

Number()

1. 将传递的数据变成数字

   Number('1')      //1
   Number(false)    //0
   

2. 声明一个Number对象

   var n = new Number(1)
   //1:{valyeOf():1}
   
   var n1 = 1;                      //存在Stack栈内存中   
   var n2 = new Number(1);          //存在Heap堆内存中,n2是一个哈希，如下图[历史原因，像Java]
   

   

注意：由于设计者给其增加了临时的转换所以var n = 1虽然是简单的数据，但也可以访问属性。当调用访问属性动作时，会自动创建临时对象，实际访问的是临时对象的属性。

var n = 1           
n.xxx = 2                   //给临时对象增加属性xxx。值为2，动作结束后，临时对象会消失
n.xxx = undefined           //此时临时对象已经消失，故访问结果为undefined

toString

参考mdn链接

string.charAt(0)=string[0]          
//获取索引对应字符。一个是临时，一个是哈希
string.charCodeAt(0)                
//获取获取索引对应字符的编码
string.charCodeAt(0).toString(16)   
//获取获取索引对应字符的编码，转16进制
string.trim()                       
//去除2边的空格
string1.concat(string2)             
//链接2个字符串
string.slice(0,2)                   
//取出0-1个字符
string.replace('旧字符'，'新字符')     
//替换字符

toBoolean

var b = false;
if (n){console.log(1)}  //不会打印，因为是数据b是false

var b1 = new Boolean(false);
if (b1){console.log(1)} //会打印，因为b1是对象

object

var o = {}
var 01 = new Object()
//无区别，但不相等，虽然内容相同，但是实际上是2个Stack内存地址

公用属性(原型)

• 众所周知，内存是很宝贵的资源，并且不同类型的对象都有部分重合的属性，所以为了节省内存资源，浏览器内会有一个公共的空间存储一些公有属性。
• 公用属性所在地：__proto__

公有属性的位置以及内容如图所示：

var o1 = new Object();
var 02 = new Object();
o1 === 01                   //false
o1.toString === o1.toString //true

• 除了Object最基本类型的对象，其他的如String和Boolean等也有独立于最基本公有属性的自己类型的公有属性。如下图所示

  

• 除了Object，剩下的都有2层公有属性(null.undefined除外)

• 调取属性时的顺序：调取的时候，先私有属性，在看__proto__公有属性，最后调取__proto__.__proto__公有属性的公有属性。

原型链：属性之间的节点连接

• 原型链：

  每个实例对象（object ）都有一个私有属性（称之为__proto__）指向它的原型对象（prototype）。该原型对象也有一个自己的原型对象 ，层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。

• protype

  我们在前一篇博客学习内存的垃圾回收时知道，如果一个Heap内存的内容没有被引用的话，将会被回收。那么我们的公有属性又是被什么引用的呢？答案就是prototype.

  由此我们可以得到：

var o = new Object{};
var n = new Number(1);
o.__proto__ === o.prototype     //true
n.__proto__.__proto__ === o.prototype       //true
//其他类型的.__proto__.__proto__ === o.prototype

• prototype和__proto__的区别

  1. **protype在浏览器打开时就会生成.而__proto__是在写代码的时候才会产生的
  2. var 对象 = new 函数（）。__proto__是对象的属性，prototype是函数的属性
  3. Object.__proto__ === Function.prototype,所以Function.__proto__ === Function.prototype,

——远方不远