jsオブジェクト指向タイマー046

DOM オブジェクトの補足を取得する

document.getElementsByTagName('div'); //取得された複数の DOM オブジェクトは疑似配列と呼ばれます。このオブジェクトを走査したい場合は、配列 forEach() メソッド
document.getElementsByClassName('box');

DOM 操作 (作成、追加、削除)

- parentNode 親ラベルを取得します
- nextElementSibling 次の兄弟ノードを取得します
- 子はすべての子タグを取得します

　　createElement()を作成する

//既存のタグを作成することも、カスタム タグを作成することもできます
var oDiv = document.createElement('div')

　　appendChild() 親子ラベル操作を追加

父.appendChild(oDiv);

　　挿入挿入BeFore()

parent.insertBefore (新しい子ノード、参照されるノード)

　　削除removeChild()

parent.removeChild(子ノード); 
self.parentNode.removeChild(self)

js でオブジェクトを作成する: オブジェクトまたはオブジェクトリテラルを使用してオブジェクトを作成するファクトリモードでオブジェクトを作成するコンストラクターモードでオブジェクトを作成するプロトタイプモードでオブジェクトを作成する

　　1. .js でオブジェクトを作成する最も基本的な方法: Object メソッドを使用する

var Student =新しいオブジェクト(); 
Student.name = '簡単' ; 
Student.age = '20';

　　　　このような学生オブジェクトが作成され、name と age という 2 つの属性があります。

　　　　オブジェクトリテラルを使用してオブジェクトを作成する

var Student = {
   名前 : 'easy' 、
   年齢 : 20         
};

　　完璧に見えますが、同じ種類の生徒を作成したい場合は、上記のコードを n 回繰り返す必要があります...

　　2. ファクトリモードはオブジェクトを作成します (オブジェクト作成プロセスをカプセル化します)。

function createstudent(名前, 年齢) {
     var obj = new Object(); 
    obj.name =名前; 
    obj.age =年齢;
   オブジェクトを返します。
var


 Student1 = createstudent('easy1', 20 ) ;
var Student2 = createstudent('easy2' ,20 ); 
... 
var Studentn = createstudent('easyn',20)

このようにしてオブジェクトは継続的に生産されますが、生産された製品がどのカテゴリに属するかを知りたいと考えます。

たとえば、「生産」フルーツオブジェクトの createFruit() 関数が同時に定義されます。

function createFruit(name, color) {
      var obj = new Object(); 
     obj.name =名前; 
     obj.color =色;
     オブジェクトを返します。
var

 v1 = createapple('a1',10 ) ;
var v2 = createpeach('p1',5);

　　3. コンストラクターパターンを通じてオブジェクトを作成する

var obj =新しいオブジェクト();

　　そのコンストラクターは、ネイティブ配列配列型オブジェクトを作成するときにも使用されます。

var arr = new Array(10);   //初期長が 10 の配列オブジェクトを構築します

构造函数そして普通函数その違い。

1. 実際、コンストラクターを作成するための特別な構文はなく、通常の関数との唯一の違いは呼び出しメソッドです。どの関数でも、 new 演算子を使用して呼び出された場合はコンストラクターであり、 new 演算子を使用して呼び出されなかった場合は通常の関数です。

2. 規約によれば、コンストラクターの名前は大文字で始まり、共通関数は小文字で始まることが合意されています。これは、2 つの間の明示的な区別に役立ちます。たとえば、上記の new Array() と new Object() です。

3. new 演算子を使用してコンストラクターを呼び出すと、(1) 新しいオブジェクトの作成、(2) コンストラクターのスコープを新しいオブジェクトに割り当てます (このポイントが新しいオブジェクトを指すようにします)、(3) コンストラクターの実行が行われます。コード; (4) 新しいオブジェクトを返す; 4 段階。

es6の使い方：

es6 の使用法:
     1.テンプレート文字列 ` 変数名は ${} を使用します
    。 2.クラス class の概念
    3. アロー function () = >3 は function(){ return 3}と同等です。

タイマー

　　setTimeOut() 3 秒後に 1 つのことを実行するワンタイムタイマー

 var a = 2 ;
     var b = 3 ; 
    console.log(a,b); 
    //非同期操作
    setTimeout( function () { 
        console.log( 'I'm out' ); 
    }, 3000 ); 


    var app = function ( ){ 
        console.log( 'app' ); 
    } 
    app();

　　setInterval() サイクルを使用して JS アニメーションを実行できます。タイマーのクリアに注意してください

　　クリアタイムアウト()

　　クリアインターバル()

posted @ 2018-11-26 00:03 あなたはあなたが思っているほど重要ではありません読む ( ... ) コメント ( ... ) お気に入りを編集