オブジェクト指向プログラミング(2) - liyaozr

前の話オブジェクト指向プログラミングは何か、そして、2つの単純な少し例を書いて、今日の勉強を続けています。

ラッパーオブジェクト

1.ラッパーとは何ですか

まず、このコードを見て:

var str = 'hello';
alert( typeof str ); //string

str.charAt(0);
str.indexOf('e');

明らかに、その文字列strのタイプは、唯一のオブジェクトはプロパティとメソッドを持っていることを理にかなって、なぜ文字列は、それを使用することができますか?

実際には、これはラップされたオブジェクトです。

それぞれに対応する数値、文字列、ブール値はNumberStringBooleanプリミティブオブジェクトの三つの主要なタイプは、オブジェクト(パッケージ化)の値に変更することができます。

(新しい新しい有する)コンストラクタとして、これら3つのオブジェクトを使用する場合は、元の型の値をオブジェクトに変換することができる;(新しい新しいなし)通常の関数として使用する場合、値の任意のタイプであってもよく、値のオリジナルタイプに。

2.元の型の自動変換

上記のコードでは、実行str.charAt(0);時間は、包装オブジェクト型の対応の基本的なタイプを見つけ、基本的なタイプのすべてのラッパー・オブジェクトのプロパティとメソッドは、パッケージ化されたオブジェクトが消え。これは、プリミティブ型の自動変換と呼ばれています。

オブジェクトが一時的である。しかし、我々はそれを変更することはできません。

var str = 'hello';
alert(str.length);  //5

str.number = 10;
alert( str.number );  //undefined

上記のコード、STRはlengthプロパティを呼び出すことができない、オブジェクト自体ではなく、文字列です。JavaScriptエンジンは自動的に、包装対象物に変換このオブジェクトのlengthプロパティを呼び出します。この一時的なオブジェクトは読み取り専用で、変更することはできませんされています。だから、文字列は、新しい属性を追加することはできません。

3.カスタムオブジェクトをパッケージングする方法

パッケージオブジェクトは、直前の呼び出し元の元の型の値のプロトタイプのカスタムメソッドとプロパティを追加することができます。

var str = 'hello';

String.prototype.lastValue = function(){
    return this.charAt(this.length-1);
};

alert( str.lastValue() );  //o

Diarchチェーン

1プロトタイプチェーンとは何ですか

次の例では、我々は2つのコンストラクタ、順番に作成されたプロトタイプのプロトタイプオブジェクトランドローバー車に基づいてプロトタイプオブジェクトを作成しました。赤い線は、図示プロトタイプチェーンです。

function Car(Logo) {
    this.logo = logo || "unknown name";
}
//设置Car的prototype属性
Car.prototype = {
    start:function() {
         console.log('%s start',this.logo);
    },
    run:function() {
         console.log('%s run',this.logo);
    },
    stop:function() {
         console.log('%s stop',this.logo);
    }
};

//又创建一个构造函数landRover
function LandRover(serialno) {
    this.serialNumber = serialno;  //序列号
}
//设置LandRover的prototype属性
LandRover.prototype = new Car("landRover"); //使用Car创建一个新对象,并把它赋给LandRover构造函数的原型

//创建LandRover对象
var landRover1 = new LandRover("1000");
var landRover2 = new LandRover("1001");

Paste_Image.png ObjectオブジェクトによってCar.prototypeは、作成することもあるので、プロトタイプのポイントのObject.prototypeです

プロトタイプチェーン2の操作を属性

変更、削除されたプロパティは、削除されたオブジェクト自身のプロパティを変更することができます

①訪問:我々はlandRover1のserialNumberをプロパティにアクセスしたい場合は、直接自分自身それを見つけることができます。私たちは、それ自体ではありませんtoStringメソッドlandRover1に、アクセスしたい場合は、あなたが見つけるまで、またはオンラインを見てきたプロトタイプチェーンに従いますいいえ。

②変更、および削除:

アクション1:

landRover1.Logo = landRover1;

landRover1ロゴ自体は、それがlandRover.protoypeロゴプロパティにアクセスすることができますが、しませんが、それは変更することはできませんので、そう、それは彼らにロゴ属性を追加し、割り当てられますlandRover1、landRover.protoypeのプロパティおよびロゴ影響なし

アクション2:

delete(landRover1.Logo);

私たちは、ロゴプロパティが削除さlandRover1が、私たちはlandRover1.Logoを訪問し、またはそれはそのプロパティを削除することであるとしてアクセスすることができたときに、操作を再度変更を行うためにも、プロトタイプの性質に影響を及ぼさなかったが、効果がないにも

3すべてのターゲット

①JS関数はオブジェクトなので、車とランドローバーこれらのコンストラクタは、実際のオブジェクトである、それはオブジェクトであるため、そこに確かに試作品で、車とランドローバーは新しい関数の外に作成されるので、ランドローバーと車を持っていますそのプロトタイプFunction.prototype。

Function.prototypeプロトタイプポイントがあるのObject.prototypeのプロトタイプを、Objectになる②Function.prototypeは、新しいオブジェクトの外に作成されます。

③Object.prototypeは、すべてのプロトタイプの上にあります。 Paste_Image.png

三オブジェクト指向のプロパティとメソッド

1.hasOwnProperty()

1)の役割

入ってくるオブジェクト自身のプロパティのプロパティかどうかを確認

コンストラクタで対応するプロパティを見つけるためのオブジェクト参照を、オブジェクトはこのプロパティを持っていない場合は、Javascriptをプロトタイプオブジェクトやプロパティ場合は、プロトタイプから探しに行くしようとします、そして、彼らがします。プロトタイプは原則検索の理解プロトタイプの試作品が見つけてからのObject.prototypeプロパティを見つけられませんでしたまで、それは未定義戻ります。

2)実施例

因此我们仅想在该对象内查找的话,为了提高性能,我们可以使用hasOwnProperty()来判断该对象内有没有该属性,如果有的话,就执行代码(使用for-in循环查找),如下:

var obj = {
    "name":'moon',
    "age":'28'
};
// 使用for-in循环
for(var i in obj) {
    if(obj.hasOwnProperty(i)) {
        console.log(obj[i]);    //moon 28
    }
}

如上使用for-in循环查找对象里面的属性,但是我们需要明白的是:for-in循环查找对象的属性,它是不保证顺序的,for-in循环和for循环最本质的区别是:for循环是有顺序的,for-in循环遍历对象是无序的,因此我们如果需要对象保证顺序的话,可以把对象转换为数组来,然后再使用for循环遍历即可;

2.constructor

1)作用

查看对象的构造函数

function Aaa(){
}
var a1 = new Aaa();
alert( a1.constructor );  //Aaa
2)constructor属性

prototype对象有一个constructor属性,默认指向prototype对象所在的构造函数。

每个原型都会自动添加constructor属性

function Aaa(){
}
//系统会自动添加上
//Aaa.prototype.constructor = Aaa;   
//每一个函数都会有的,都是自动生成的

由于constructor属性定义在prototype对象上面,意味着可以被所有实例对象继承。

3)避免修改construtor属性
function A() {}
var a = new A();
a instanceof A // true

function B() {}
A.prototype = B.prototype;
a instanceof A // false

上面代码中,a是A的实例。修改了A.prototype以后,constructor属性的指向就变了,导致instanceof运算符失真。

所以,修改原型对象时,一般要同时校正constructor属性的指向。

// 避免这种写法
C.prototype = {
  method1: function (...) { ... },
  // ...
};

// 较好的写法
C.prototype = {
  constructor: C,
  method1: function (...) { ... },
  // ...
};

// 好的写法
C.prototype.method1 = function (...) { ... };

3.instanceof运算符

1)作用

对象与构造函数在原型链上是否有关系

function Aaa(){
}

var a1 = new Aaa();
alert( a1 instanceof Object );  //true
2)判断数据类型

请戳这里

4.toString() :

1)作用

把对象转成字符串

这个方法是原型上的,我们可以修改这个方法,但是不建议这样做

var arr = [1,2,3];

Array.prototype.toString = function(){
    return this.join('+');
};

alert( arr.toString() );  //'1+2+3'
2)判断数据类型

利用toString方法来做类型判断

四 对象的继承

1.什么是继承

  • 在原有对象的基础上,略作修改,得到一个新的对象
  • 不影响原有对象的功能

当新创建的对象添加了新的属性和方法时,肯定不能直接用new+构造函数这种方法来直接创建了,因为在添加属性或者方法的时候,也会影响到原来的对象。那我们应该如何实现呢?

2.拷贝继承

方式:

  • 属性的继承 : 调用父类的构造函数 call
  • 中のために:継承されたメソッドは継承されたコピー(jqueryのにも拡張する継承されたコピーを使用します)
function Person(name) {
    this.name = name;
}
Person.prototype.talk = function(name) {
    console.log('My name is '+this.name);
};
var p1 = new Person('moon');
// console.log(p1.name);
// p1.talk();
function Person1(name,age) {
    Person.call(this,name); //这里需要改变this的指向
    this.age = age;
}
function extend(obj1,obj2){
    for (var attr in obj2) {
        obj1[attr] = obj2[attr]; //这个地方不能用"."
    }
}
extend(Person1.prototype,Person.prototype);
var p2 = new Person1('yao',18);
console.log(p1.name); //moon
console.log(p2.name); //yao
p2.talk(); //My name is yao

3.クラス継承

コンストラクタ関数(クラス)の継承を使用してマナー。

最初に、JSは、クラスの概念ではない、新しいクラスは、コンストラクタのJSは、クラスで見られることをここにあります。

のは、いわゆるステップ相続法を見てみましょう

function Person1() {
    this.name = [1,2,3];
}
Person1.prototype.talk = function(name) {
    alert(this.name);
};

function Person2() {}
Person2.prototype = new Person1();

var p1 = new Person2();
p1.talk();
alert( p1.constructor ); //Person1

p1.name.push(4);
var p2 = new Person2();
console.log(p1.name);  //[1,2,3,4]
console.log(p2.name);  //[1,2,3,4]

欠陥:

1.ポイントのコンストラクタを変更

オブジェクト間の相互作用があり、2アウト作成します

正しいアプローチ:個別のプロパティとメソッドを継承します。

function Person1() {
    this.name = [1,2,3];
}
Person1.prototype.talk = function(name) {
    alert(this.name);
};

function Person2() {
    Person1.call(this); //属性继承仍采取之前的call调用父类的构造函数的方法
}
function Foo() {}  //避免继承属性,只继承方法
Foo.prototype = Person1.prototype;
Person2.prototype = new Foo();
Person2.prototype.constructor = Person2; //修正指向问题

var p1 = new Person2();

p1.talk();
alert( p1.constructor );
p1.name.push(4);
var p2 = new Person2();
console.log(p1.name);  //[1,2,3,4]
console.log(p2.name);  //[1,2,3]

4.原型継承

プロトタイプ継承にプロトタイプを使用して、一般的な状況次のように使用:

function cloneObj(obj){

    var F = function(){};
    F.prototype = obj;
    return new F();

}
var a = {
    name : '小明'
};

var b = cloneObj(a);
alert( b.name ); // 小明

b.name = '小强';
alert( b.name ); //小强
alert( a.name ); //小明

私たちは、新しいF()= F1と仮定すると、図を見てください

無題.PNG

 第一次执行alert( b.name );时,因为b没有这个属性,所以它会顺着原型链往上找,知道找到a下面的name:小明
 
 执行b.name = '小强';因为b本身是没有name这个属性的,它虽然可以访问a下面的name属性,但是无法修改,所以这时它会在自己身上加一个name属性,并赋值为“小强”,对a中的name属性并无影响

 执行alert( a.name ); 的时候,根据原型链的查找规则,它肯定不会查找到b下面去,更何况a本身就有name属性,所以弹出来的还是“小明”

5.まとめ:

  • コピー継承:することができますユニバーサル、新しい新しいかどうかがあります

  • 式のクラスの継承:関数の形で新しい設定によって

  • プロトタイプ継承:no新しいオブジェクト


オリジナル:大列  オブジェクト指向プログラミングの(2) - liyaozr


おすすめ

転載: www.cnblogs.com/petewell/p/11606544.html