对象和Ajas-get-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function Person() { } Person.prototype.name = 'xiao2'; Person.prototype.age = 18; Person.prototype.sayHello = function () { alert(this.name); } /* 1、创建一个对象 _proto_ 2、this指针指向了这个对象 3、执行构造函数内的代码 4、将构造函数返回*/ var p = new Person(); p.sayHello();//xiao2 /*当访问问一个对象的属性市，首先在这个对象本身上进行查找。 如果找到，就直接返回这个属性，且停止查找； 如果没找到，会继续在原型上找，也就是_proto_指向的那个对象*/ function Student() { } //继承 Student.prototype = Object.create(Person.prototype); var s = new Student(); s.sayHello();//xiao2 </script> </body> </html>
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 2 "http://www.w3.org/TR/html4/loose.dtd"> 3 <html> 4 <head> 5 <title>Title</title> 6 </head> 7 <body> 8 <script> 9 10 //组合继承 11 function Person(name,age) { 12 this.name = name; 13 this.age = age; 14 } 15 Person.prototype.sayHello = function () { 16 alert(this.name); 17 } 18 19 function Student(name,age,id) { 20 Person.apply(this,[name,age]); 21 this.id = id; 22 } 23 Student.prototype = Object.create(Person.prototype); 24 Student.prototype.study = function () { 25 26 } 27 </script> 28 29 </body> 30 </html>
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <script> 9 //通过Promise这个构造函数来创建一个对象 10 //这个Promise构造函数，有三中状态：pending(等待)、fulfill（满足）、reject（延时、没有满足） 11 //Promise构造函数， 有一个参数，这个参数是一个回调，这个回调，接受两个参数，都能够改变 12 //Promise对象的状态，第一个参数，可以将状态从何pending===>fulfill，而第二个参数，可以将状态从pending===>reject 13 14 var promise = new Promise(function (resolve, reject) { 15 setTimeout(function () { 16 var num = Math.floor(Math.round() * 100); 17 if (num % 2 === 0) { 18 resolve(num); 19 } else { 20 reject(num); 21 } 22 }, 3000); 23 }); 24 promise.then(function (num ) { 25 console.log('resolve:'+num); 26 }).catch(function (num) { 27 28 console.log('reject:'+num); 29 30 }) 31 32 </script> 33 34 </body> 35 </html>
