JS prototype chain details and sample code, js prototype sample code
Preface
On segmentfault, you can see the following question:
var F = function(){};Object.prototype.a = function(){};Function.prototype.b = function(){};var f = new F();
Q: Can I obtain a and B from f? What is the principle?
At first glance, it was a bit difficult. I studied it carefully and found that I still did not understand the
First, prototype (Prototype) mode
The purpose of the prototype pattern is to specify the type of object to be created by giving a prototype object, and then create more objects of the same type with the method of copying the prototype object.
From the means of Sun Dasan
T
Working Principle and example of javascript prototype inheritance, javascript prototype
First, we will share with you examples of JS prototype inheritance for your reference. The details are as follows:
I. JS prototype inheritance
Ii. Working Principle of JavaScript prototype
1 What is prototype
The prototype property of an object in JavaScript that returns a reference to the object type prototype. This is a rather awkward explanation, and to understand it, the concept of object type (type) and prototype (prototype) should be understood first.
B
JavaScript does not support inherited patterns of traditional classes, it is a prototype-based inheritance, that is, through prototype settings to implement inheritanceLet's consider the following question function person () { this . Name = "haha" ; this . Sayname = function () {Console.log ( this .name); }} var p1 = new
person ();
var p2 =
new
person (); P1.say
The prototype mode belongs to the creation mode of the object. By giving a prototype object to indicate the type of all objects created, and then creating more objects of the same type with the method of copying the prototype object.The prototype model has two forms: simple form and boarding form.Primitive model patter
JavaScript is a dynamic language (Dynamic Language Dynamics Programming Language: Dynamic type language, meaning that the type of check is done at run time, that is, "weak type" language), there is no class concept, there are classes reserved words, But cannot be used as a variable namePrototype: Each object in JavaScript has an internal private connection pointing to another object, which is the prototype of the original object note: The
Introduction of prototype Model (Brief Introduction)
Prototype mode (Prototype pattern): Specifies the type of object to create with a prototype instance, and creates a new object by copying the prototypes.
Specify the kind of objects to create using a prototypical instance, and create new objects by copying this
Prototype mode is the creation mode.
Design intent: Use the prototype instance to specify the type of object to create and create a new object by copying the prototype.
We use the class diagram of the example that builds the CV to illustrate the prototype pattern.
Class Diagram:
The
1. Prototype rulesA. All reference types (arrays, objects, functions) have object attributes and are free to extend properties;var arr = [];ARR.A = 1;B. All reference types (arrays, objects, functions) have a _proto_ attribute (implicit prototype), and the property value is an ordinary object;C. All functions have a prototype (explicit
Overwrite prototype
Prisoner example//1. Defines the prototype object var proto = {Sentence:4,//imprisonment years Probation:2//probation years};
2. Define the constructor of the prototype object var prisoner = function (name, id) {this.name = name;
This.id = ID;
};
3. Associating the constructor with the prototy
Objects Created in Javascript can be classified into three methods: factory functions, constructor functions, and prototype functions. Factory functions use javascript basic class objects to add corresponding properties and methods to an Object instance to achieve the expected results of the new type. The following code demonstrates the type newcia... SyntaxHighlighter. al.
Objects Created in Javascript can be classified into three methods: factory fu
new command to JavaScript, which is used to generate an instance object from the prototype object. However, JavaScript does not have a "class", how to represent a prototype object?At this point, he thought that C + + and Java would invoke the constructor of the class (constructor) when using the new command. He made a simplified design, in the JavaScript language, the new command was followed by a construc
Constructors Create objectsLet's first use the constructor to create an object:function Person () {} var New = ' name '// nameIn this example, person is a constructor, and we create an instance object person with new.It's easy, then, to get to the point:PrototypeEach function has a prototype attribute, which is the prototype that we often see in various examples, such as:function Person () {} // Although
Prototype is a JavaScript in the difficult to understand the contents of notes, the following through a few key points of knowledge to explain the prototype in JS. Please see the details below for specific content.
1 Prototype method design mode
You can use Clone () in. NET to implement the prototype method
The main
In javascript learning notes (8), we mainly learned how to create objects and add object attributes and methods when using javascript object-oriented programming. When using object-oriented programming, the inheritance relationships between objects are indispensable! Prototype is an important method to implement javascript inheritance! First, SyntaxHighlighte
In javascript learning notes (8), we mainly learned how to create objects and add object attr
First look at a picture, comb and comb.
I. Basic CONCEPTS The prototype chain has an object for each constructor, and the prototype object contains a pointer to the constructor, and the instance contains an internal pointer to the prototype object. So, if the prototype object equals another instance of the
This article from: http://www.blogjava.net/heavensay/archive/2013/10/20/405440.htmlIntroduction of prototype, __PROTO__, Constructor, Object and function relations in JSAn Introduction to Prototype, __proto__ and object, function relationsfunction, Object:js functions object. Prototype, each function object has a display pro
For the new, JavaScript prototype is a very annoying thing, one prototype easy to confuse with __proto__, and the various points between them is really a bit complicated, in fact, there have been a lot of articles on the market to try to say clearly, there is a so-called very classic diagram, The above painted a variety of lines, one will connect this one will connect that, to tell the truth I see very dizz
I. Common objects and Function objectsIn JavaScript, everything is Object! But the object is also different. is divided into ordinary objects and function objects, object, function is JS comes with the functions of the object. The following examples illustrateFunction F1 () {};var F2 = function () {};var F3 = new Function (' str ', ' Console.log (str) ');var O3 = new F1 ();var O1 = {};var O2 =new Object ();Console.log (typeof Object); functionConsole.log (typeof Function); functionConsole.log (t
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.