js 面向对象定时器 046

获取DOM对象补充

document.getElementsByTagName('div'); //获取的多个DOM对象 这种对象叫伪数组 如果想遍历此对象 通过for(var i=0; i <xx ;i++){},而不要使用数组的forEach()方法

document.getElementsByClassName('box');

DOM 操作(创建,追加,删除)

- parentNode 获取父级标签
- nextElementSibling 获取下一个兄弟节点
- children 获取所有的子标签

　　创建 createElement()

//既可以创建已有的标签,还可以创建自定义的标签

var oDiv = document.createElement('div')

　　追加 appendChild() 父子标签操作

父.appendChild(oDiv);

　　插入 insert BeFore()

父.insertBefore(新的子节点,要参考的节点)

　　删除 removeChild()

父.removeChild(子节点);

自己.parentNode.removeChild(自己)

js中创建对象: 使用 Object 或对象字面量创建对象工厂模式创建对象构造函数模式创建对象原型模式创建对象

　　1 .js中最基本的创建对象的方式: 使用Object方式

var student = new Object();

student.name = 'easy';

student.age = '20';

　　　　这样一个student对象就创建完毕拥有两个属性name以及age

　　　　使用对象字面量方式创建对象

var student = {

   name : 'easy',

   age : 20

};

　　貌似很完美但是如果要创建同类的student时不得不将以上代码重复n次......

　　2 .工厂模式创建对象 (将对象创建过程进行封装起来)

function createstudent(name, age) {

    var obj = new Object();

    obj.name = name;

    obj.age = age;

   return obj;

}

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 = name;

     obj.color = color;

     return obj;

}

var v1 = createapple('a1',10);

var v2 = createpeach('p1',5);

　　3 .通过构造函数模式创建对象

var obj = new Object();

　　在创建原生数组array类型对象时也使用过其构造函数

var arr = new Array(10);  //构造一个初始长度为10的数组对象

构造函数和普通函数的区别。

1、实际上并不存在创建构造函数的特殊语法，其与普通函数唯一的区别在于调用方法。对于任意函数，使用new操作符调用，那么它就是构造函数；不使用new操作符调用，那么它就是普通函数。

2、按照惯例，约定构造函数名以大写字母开头，普通函数以小写字母开头，这样有利于显性区分二者。例如上面的new Array()，new Object()。

3、使用new操作符调用构造函数时，会经历(1)创建一个新对象；(2)将构造函数作用域赋给新对象（使this指向该新对象）；(3)执行构造函数代码；(4)返回新对象；4个阶段。

es6的用法:

es6的用法:

    1 .模板字符串 `` 变量名使用${}

    2 .class类的概念

    3 .箭头函数 () = >3 等价于function(){return 3}

定时器

　　setTimeOut()一次性定时器 3秒之后做一件事情

 var a  =2;

    var b = 3;

    console.log(a,b);

    //异步操作

    setTimeout(function () {

        console.log('我出来了');

    },3000);

    var app = function(){

        console.log('app');

    }

    app();

　　setInterval() 周期循环可以用它来做js动画,注意要清除定时器

　　clearTimeOut()

　　clearInterval()