码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript的原型和原型链

时间:2019-03-07 15:47:41      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:src   继承   描述   OLE   函数对象   script   type   常用   word   

  • prototype :每个函数都会有这个属性,这里强调,是函数,普通对象是没有这个属性的(这里为什么说普通对象呢,因为JS里面,一切皆为对象,所以这里的普通对象不包括函数对象)。它是构造函数的原型对象;
  • __proto__ :每个对象都有这个属性,,这里强调,是对象,同样,因为函数也是对象,所以函数也有这个属性。它指向构造函数的原型对象;
  • constructor :这是原型对象上的一个指向构造函数的属性

技术图片

创建对象的三种方式

  • 通过对象直接量    
    通过对象直接量创建对象,这是最简单也是最常用的创建对象的方式
    
    var empty = {};
    var pos = {x:12,y:23};
    var pos2 = {x:pos.x,y:pos.y+1};
    var author={
        "my name":"javaScript",//属性名带空格,必须用引号包裹
        ‘article-title‘:"关于javascript的原型和原型链,看我就够了(一)",//属性名带连字符,必须用引号包裹
        "if":"使用保留字作为属性名,必须用引号包裹"//使用保留字作为属性名,必须用引号包裹
    }

     

  • 通过new创建对象  
    var  obj = new Object()//创建一个空对象等同于 var obj = {}
    var  arr = new Array()//创建一个空数组等同于 var arr = []
    上面的Object(),Array(),都是js内置的构造函数
    除了内置的构造函数,我们还可以使用自定义构造函数来初始化对象
    
    function fun(){
        console.log("这是一个自定义构造函数")
    };
    var myObj= new fun();

     

  • 通过Object.create()
    这个创建对象的方法似乎有些陌生,它创建一个新对象,包含两个参数,
    
    第一个,必需。 要用作原型的对象。 可以为 null
    第二个,可选。 包含一个或多个属性描述符的 JavaScript 对象
    
    
    const obj = Object.create({x:1})//obj 继承了属性x
    
    const obj2 = Object.create(Object.prototype, {
          foo: {
            writable: true,
            configurable: true,
            value: "hello"
          }
        })
        console.log(obj2);//输出{foo: "hello"}
    const obj3 = Object.create(null)//obj3不继承任何属性和方法

     

     

技术图片

技术图片

技术图片

Javascript的原型和原型链

标签:src   继承   描述   OLE   函数对象   script   type   常用   word   

原文地址:https://www.cnblogs.com/zsy0712/p/10489834.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!