<i id='VDm2A'><tr id='VDm2A'><dt id='VDm2A'><q id='VDm2A'><span id='VDm2A'><b id='VDm2A'><form id='VDm2A'><ins id='VDm2A'></ins><ul id='VDm2A'></ul><sub id='VDm2A'></sub></form><legend id='VDm2A'></legend><bdo id='VDm2A'><pre id='VDm2A'><center id='VDm2A'></center></pre></bdo></b><th id='VDm2A'></th></span></q></dt></tr></i><div id='VDm2A'><tfoot id='VDm2A'></tfoot><dl id='VDm2A'><fieldset id='VDm2A'></fieldset></dl></div>

      1. <legend id='VDm2A'><style id='VDm2A'><dir id='VDm2A'><q id='VDm2A'></q></dir></style></legend>
        <tfoot id='VDm2A'></tfoot>
        • <bdo id='VDm2A'></bdo><ul id='VDm2A'></ul>

        <small id='VDm2A'></small><noframes id='VDm2A'>

        分析javascript原型及原型链

        分析 JavaScript 原型及原型链可分为以下几个步骤:
          • <i id='7627D'><tr id='7627D'><dt id='7627D'><q id='7627D'><span id='7627D'><b id='7627D'><form id='7627D'><ins id='7627D'></ins><ul id='7627D'></ul><sub id='7627D'></sub></form><legend id='7627D'></legend><bdo id='7627D'><pre id='7627D'><center id='7627D'></center></pre></bdo></b><th id='7627D'></th></span></q></dt></tr></i><div id='7627D'><tfoot id='7627D'></tfoot><dl id='7627D'><fieldset id='7627D'></fieldset></dl></div>
              <tbody id='7627D'></tbody>

              1. <legend id='7627D'><style id='7627D'><dir id='7627D'><q id='7627D'></q></dir></style></legend>

              2. <small id='7627D'></small><noframes id='7627D'>

                  <bdo id='7627D'></bdo><ul id='7627D'></ul>
                • <tfoot id='7627D'></tfoot>

                  分析 JavaScript 原型及原型链可分为以下几个步骤:

                  1. 什么是原型

                  在JavaScript中,每个对象都有一个原型对象(prototype),当你访问一个对象的属性时,如果这个对象本身不存在这个属性,那么 JavaScript 就会从原型对象中找这个属性,如果原型对象中也不存在这个属性,那么就会从原型对象的原型对象中继续寻找,直到找到为止,这就是原型链。

                  2. 构造函数的 prototype 属性

                  每个函数都有一个 prototype 属性,同时,构造函数的 prototype 属性指向了实例化出来的对象的原型。

                  示例代码:

                  function Person(name, age){
                    this.name = name
                    this.age = age
                  }
                  Person.prototype.say = function(){
                    console.log(`My name is ${this.name}, I'm ${this.age} years old`)
                  }
                  const person1 = new Person('Tom', 18)
                  person1.say() // 输出: My name is Tom, I'm 18 years old
                  

                  上面代码中,我们通过一个构造函数创建了一个实例,我们可以看到这个构造函数包含一个原型属性 prototype,我们可以把一些函数当做方法添加到这个原型属性中,该方法就可以被实例所共享。所以上述代码中的 say() 方法就被所有通过 Person 构造函数实例化出来的对象所共享和调用。

                  3. 实例与构造函数的关系

                  通过构造函数创建的实例,会构成一个链式结构,例如上述代码中的 person1,它的原型链如下:

                  person1 -> Person.prototype -> Object.prototype -> null
                  

                  这意味着,访问实例 person1 的属性时,如果实例本身不存在该属性,则会沿着原型链向上查找。所以使用原型和原型链的好处是:可以将方法定义在原型上,使得所有实例都可以共享这些方法,并且减少内存的开销。

                  4. 原型链的继承

                  当一个对象的原型指向另一个对象时,就发生了原型链的继承,我们可以通过以下方式实现原型链的继承:

                  function Animal(name) {
                    this.name = name
                  }
                  Animal.prototype.say = function() {
                    console.log(`My name is ${this.name}`)
                  }
                  function Dog(name, age) {
                    Animal.call(this, name)
                    this.age = age
                  }
                  Dog.prototype = Object.create(Animal.prototype)
                  Dog.prototype.constructor = Dog
                  Dog.prototype.bark = function() {
                    console.log('Woof! Woof!')
                  }
                  

                  上述代码中,我们通过一个构造函数 Animal,创建了一个样板,然后我们通过 Dog 原型继承 Animal 原型,从而使得 Dog 实例化的对象,可以使用 Animal.prototype 上的所有方法和属性,也可以在 Dog.prototype 上添加独有的属性和方法。

                  这样,我们就可以使用 Dog 构造函数创建出的所有实例,调用 Animal 的方法,以及 Dog 自己独有的方法了。

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  treetable.js没有checked做联动。于是自己基于treetable开发的一个小功能,希望能和大家一起交流一下。 1. 在当前HTML文档checked监听函数中增加以下代码 //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj); //当前id var id = obj.
                  当使用Javascript的attachEvent来绑定事件时,我们希望能够给事件处理函数传递一些参数,但是attachEvent本身并不支持传递参数。下面介绍两种解决方法。
                  KnockoutJS是一款流行的JavaScript库,针对一个web应用程序的建立提供了比较好的基础架构。其中,表单的数据绑定功能是KnockoutJS最为常用的功能之一。本文将详细讲解KnockoutJS 3.x
                  下面是用javascript实现改善用户体验之alert提示效果的完整攻略。
                  在学习JavaScript编写贪吃蛇游戏之前,需要掌握以下的前置知识:
                • <small id='pBKw7'></small><noframes id='pBKw7'>

                    <tbody id='pBKw7'></tbody>

                    <bdo id='pBKw7'></bdo><ul id='pBKw7'></ul>
                  • <tfoot id='pBKw7'></tfoot>
                      1. <i id='pBKw7'><tr id='pBKw7'><dt id='pBKw7'><q id='pBKw7'><span id='pBKw7'><b id='pBKw7'><form id='pBKw7'><ins id='pBKw7'></ins><ul id='pBKw7'></ul><sub id='pBKw7'></sub></form><legend id='pBKw7'></legend><bdo id='pBKw7'><pre id='pBKw7'><center id='pBKw7'></center></pre></bdo></b><th id='pBKw7'></th></span></q></dt></tr></i><div id='pBKw7'><tfoot id='pBKw7'></tfoot><dl id='pBKw7'><fieldset id='pBKw7'></fieldset></dl></div>

                            <legend id='pBKw7'><style id='pBKw7'><dir id='pBKw7'><q id='pBKw7'></q></dir></style></legend>