原型与原型链

2018-09-04  本文已影响0人  H_uan

一、全局对象

二、全局函数(简单类型与对象的区别)

Number,String,Boolean,Object

1、Number
var n1 = 1; 
var n2 = new Number(1);

n1与n2的区别:指向地址不同
图片1.png
图片2.png 图片3.png
var n=1;
n.xxx = 2;//产生一个临时对象temp(属性有xxx:2,执行完后,temp被抹杀掉),
打印:n.xxx = ?//结果是undefined (产生一个新的temp对象,取xxx对象)
2、String
var a1= 'sdfasffge'
var a2 = new String('asdfadf')
console.log(a2);//String 0: "a" ,1: "s" ,2: "d" ,3: "f"...length:7,__proto__: String { "" }
a2[0];//"a"
a1[0];//"s"
a2.anchor();//"<a name=\"undefined\">asdfadf</a>"
a2.charAt(0);//"a"
a2.charAt(1);//"s"
a2.charCodeAt(0);//97
a2.charCodeAt(1);//115
'a'.charCodeAt();//97 十进制的a
'a'.charCodeAt('0').toString(16);//"61" a的十六进制的unicode码
'   dfasdasd      '.trim();//dfasdasd   trim()去掉前后的空格
  a.concat(b);//连接起来
a.slice(0,2);//包前不包后
//了解更多,搜索string mdn
3、Boolean
var b1 = false;
var b2 = new Boolean(false);
if(b1){console.log(1)};//不执行
if(b2){console.log(2)};//2

五个false值:'0', NaN, ' ' ,null, undefined, false, 都是false值

所有对象都是truey
4、Object
var o1 = {};
var o2 = new Object();
o1===02//false

o1与o2完全没有区别,但并不是相等


图片对象内存图.png

新申明的对象都是不相等的,对应的内存地址不同,除非地址赋给另一个变量

必记:7种类型, 5个false值, 内存图

三、公用属性

__proto__

图片1.png
图片2.png
图片3.png 图片4.png
var o1 = {}
var o2 = new Object()
o1===o2;//false o1和o2是不同对象
o1.toString ===o2.toStiring();//true 公用属性

Number与Object区别


图片.png 图片Number与Object.png
图片普通对象与Object对象共有属性关系.png
原型就是共有属性也就是prototype
图片原型树.png
__proto__prototype的区别:

公式:

var 对象 = new 函数()
对象.__proto__ === 函数.prototype

常用:

    var num = 1
    num.__proto__ === Number.prototype
    num.__proto__.__proto__ === Object.prototype
    num.__proto__.constructor === Number
    Number.prototype.__proto__ === Object.prototype
    Number.prototype.constructor === Number
    
    var fn = function(){}
    fn.__proto__ === Function.prototype
    fn.__proto__.__proto__ === Object.prototype
    fn.__proto__.constructor === Function
    Function.__proto__ === Function.prototype
    Function.prototype.__proto__ === Object.prototype
    Function.prototype.constructor === Function

    var array = []
    array.__proto__ === Array.prototype
    array.__proto__.__proto__ === Object.prototype
    array.__proto__.constructor === Array
    Array.prototype.__proto__ === Object.prototype
    Array.prototype.constructor === Array

    var bool = true
    bool.__proto__ === Boolean.prototype
    bool.__proto__.__proto__ === Object.prototype
    bool.__proto__.constructor === Boolean/**/
    Boolean.prototype.__proto__ === Object.prototype
    Boolean.prototype.constructor === Boolean

    var str = "String"
    str.__proto__ === String.prototype
    str.__proto__.__proto__ === Object.prototype
    str.__proto__.constructor === String
    String.prototype.__proto__ === Object.prototype
    String.prototype.constructor === String
    
    var object = {}
    object.__proto__ === Object.prototype
    object.__proto__.__proto__ === null
    object.__proto__.constructor === Object
    Object.prototype.__proto__ === null
    Object.prototype.constructor === Object
上一篇 下一篇

猜你喜欢

热点阅读