function Person(name, age) {
  // 优先级最高
  this.name = name
  this.age = age
}
// prototype 实例共享的属性和方法，节省内存
Person.prototype.type = 'human'

Person.prototype.sayName = function() {
  console.log(this.name)
}

var instanceObject = new Person('张三', 22)

// 构造继承
function Student (name, age, gender) {
  // 借用构造函数继承属性成员
  Person.call(this, name, age)
  // 可以覆盖，重写
  this.gender = gender
}
// 复制父构造函数的原型对象
// 也可以使用Student.prototype = new Person()，但会有Person的实例属性
Student.prototype = Object.create(Person.prototype)
// 单个方法的继承
|| Student.prototype.print = function() { Person.prototype.print.call(this) }
// 指定原型对象的构造函数
Student.prototype.constructor = Student
// 可以覆盖，重写
Student.prototype.method = '...'

var instanceObject = new Student('张三', 22, 'man')
// 此时，instanceObject instanceof Student || Person 都为true

function M1() {
  this.hello = 'hello'
}
function M2() {
  this.world = 'world'
}
function S() {
  M1.call(this)
  M2.call(this)
}
// 继承 M1
S.prototype = Object.create(M1.prototype)
// 继承链上加入 M2， 对象覆盖
Object.assign(S.prototype, M2.prototype)
// 指定构造函数
S.prototype.constructor = S

var s = new S()
s.hello // 'hello：'
s.world // 'world'

class Person {
  constructor(name, age) {
    this.name = name
    this.age = age
  }
  sayName() {
    console.log(this.name)
    return this.age
  }
}

class Student extends Person {
  constructor(name, age, gender) {
    // super函数必不可少,调用父类的constructor(x, y)
    // 在es6内部实现中，子类的this必须通过父类的构造函数完成塑造
    super(name, age)
    // 由super返回了Student的实例，相当于Person.prototype.constructor.call(this)
    this.gender = gender
  }
  toString() {
    return this.gender + ' ' + super.sayName() // 调用父类的toString()
  }
}

var instanceObject = new Student('张三', 22, 'man')
// instanceObject的__proto__指向Student的prototype, 有toString方法，
// 它的__proto__指向Person的prototype, 有sayName方法

$(function(){ 
    //阻止浏览器默认行
    $(document).on({ 
        dragleave: function(e){                       //拖离 
            e.preventDefault()
        },
        drop: function(e){                            //拖后放 
            e.preventDefault()
        },
        dragenter: function(e){                       //拖进 
            e.preventDefault()
        },
        dragover: function(e){                        //拖来拖去 
            e.preventDefault()
        }
    })

    var box = document.getElementById('drop_area')    //拖拽区域
    box.addEventListener("drop",function(e){
        e.preventDefault()                            //取消默认浏览器拖拽效果 
        var fileList = e.dataTransfer.files           //获取文件对象
        if(fileList.length == 0){                     //检测是否是拖拽文件到页面的操作
            return false
        }
        //检测文件是不是图片 
        if(fileList[0].type.indexOf('image') === -1){
            alert("您拖的不是图片！")
            return false
        }
        
        //拖拉图片到浏览器，可以实现预览功能 
        var img = window.URL.createObjectURL(fileList[0])
        var filename = fileList[0].name               //图片名称
        var filesize = Math.floor((fileList[0].size) / 1024)
        if(filesize > 5000){
            alert("上传大小不能超过5M")
            return false
        }
        var str = "<img src='" + img + " width='60xp' height='60px''><p>图片名称：" 
        + filename+"</p><p>大小：" + filesize + "KB</p>"
        
        $("#preview").html(str)
        
        //上传 
        xhr = new XMLHttpRequest
        xhr.open("post", "upload.php", true)
        xhr.onreadystatechange = function(){
            if (xhr.readyState !== 4) return
            // 说明响应数据下载完成
            console.log(xhr.responseText)
        }
        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
        var fd = new FormData
        fd.append('pic', fileList[0])
        xhr.send(fd)
    }, false)
})

var $ = jQuery = function() {
  // new 返回实例化jQuery对象
  return jQuery.prototype.init()
}
// 别名，对象方法属性
jQuery.fn = jQuery.prototype = {
  // 扩展原型对象
  init: function(){
    return this
  },
  method: todofunction,
}
//使用
var $instance = $()
$instance.method()

var $ = jQuery = function() {
  // new 返回实例化jQuery对象
  return new jQuery.prototype.init()
}
// 别名, 对象方法属性
jQuery.fn = jQuery.prototype = {
  // 扩展原型对象
  init: function(){
    return this
  },
  method: todofunction,
}
// 覆盖,重新建立连接
jQuery.prototype.init.prototype = jQuery.fn
//使用
var $instance = $()
$instance.method()

(function(window, undefined) {
    // 对外暴露的工厂函数
    function jQuery() {
        return new jQuery.fn.init();
    }
    // 给原型提供一个简写方式
    jQuery.fn = jQuery.prototype = {
        constrcutor: jQuery
    };
    // init是jQuery中真正的构造函数 ==> 入口函数
    var init = jQuery.fn.init = function() {
    };
    // 替换构造函数的原型 为 jQuery工厂的原型
    // 为了实现插件机制，让外界可以透过jQuery.fn扩充方法。
    init.prototype = jQuery.fn;
    // 把工厂通过两个变量暴露出去
    w.jQuery = w.$ = jQuery;
}(window));

function animate(element) {
  //调用此函数先清除timeId，防止重复调用错误
  clearInterval(element.timeId);
  element.timeId = setInterval(function () {
      todoing()
      //完成todoing应清除timeId clearInterval(element.timeId);
    }
  }, 10);
}