学习typeScript第三天希望一起加油。笔记放出,希望对大家有所帮助
// es5 里面的类
//1.最简单的类
// function Person(){
// this.name = '张三',
// this.age = '11'
// }
// var p = new Person();
// alert(p.name);
//2.构造函数和原型链里面增加方法
// function Person(){
// this.name = '张三'; /*属性 */
// this.age = 20;
// this.run = function(){
// alert(this.name+'在运动');
// }
// }
// 原型链上面的属性会被多个实例共享,构造函数不会
// Person.prototype.sex="男";
// Person.prototype.work = function(){
// alert(this.name+'在工作')
// }
// var p = new Person();
// alert(p.name);
// p.run();
// p.work();
//3.类里面的静态方法
// function Person(){
// this.name = "张三"; /*属性 */
// this.age = "123";
// this.run = function(){ /*实例方法 */
// console.log(this.name+"在运动");
// }
// }
// Person.getInfo = function(){
// alert('这里是静态方法');
// }
// // 原型链上面的属性会被多个实例共享,构造函数不会
// Person.prototype.sex = "男";
// Person.prototype.work = function(){
// console.log(this.name+"在工作");
// }
// var p = new Person();
// p.work();
// // 调用静态方法
// Person.getInfo();
//4.es5中的继承 对象冒充实现继承
// function Person(){
// this.name = "张三"; /* 属性*/
// this.age = '123';
// this.run = function(){ /*实例方法 */
// alert(this.name+"在运动");
// }
// }
// Person.prototype.sex = "男";
// Person.prototype.work = function(){
// alert(this.name+'在工作');
// }
// //web 类继承Person类 原型链+对象冒充的组合继承模式
// function Web(){
// Person.call(this); /*对象冒充继承 */
// }
// var w = new Web();
// w.run(); //对象冒充可以继承构造函数里面的属性和方法
// w.work(); //报错 对象冒充可以继承构造函数里面的属性和方法 但是没办法继承原型链上面的属性和方法;
//5.es5中的继承 原型链实现继承
// function Person(){
// this.name = "张三";
// this.age = 20;
// this.run = function(){
// alert(this.name + "在运动");
// }
// }
// Person.prototype.sex = "男";
// Person.prototype.work = function(){
// alert(this.name + "在工作")
// }
// function Web(){
// }
// // 让person 饿属性和方法都挂在到web上
// Web.prototype = new Person(); // 原型链实现基础
// var w = new Web();
// // 原型链实现继承,可以继承构造函数里面的属性和方法,也可以继承原型链上面的属性和方法
// w.run();
// w.work();
//6.原型链实现继承的问题
// function Person( name, age ){
// this.name = name;
// this.age = age;
// this.run = function(){
// alert(this.name+"在运动");
// }
// }
// Person.prototype.sex = "男";
// Person.prototype.work = function(){
// alert(this.name+"在工做");
// }
// // var p = new Person('李四',20);
// // p.run();
// function Web(name,age){
// }
// Web.prototype= new Person();
// var w = new Web('赵四',20);
// //错误 原型链继承 可以继承构造函数里面的属性和方法,也可以继承原型链上面的属性和方法
// // 但是构造函数实现继承,实例化子类的时候没办法给父类传参
// w.run()
// var w1 = new Web('王五',222)
//7.原型链和构造函数组合继承模式
// function Person( name, age ){
// this.name = name;
// this.age = age;
// this.run = function(){
// alert(this.name+"在运动");
// }
// }
// Person.prototype.sex = "男";
// Person.prototype.work = function(){
// alert(this.name+"在工做");
// }
// // var p = new Person('李四',20);
// // p.run();
// function Web(name,age){
// Person.call(this,name,age); //对象冒充继承 实例化子类可以给父类传参
// }
// Web.prototype = new Person();
// var w = new Web('赵四',20);
// //错误 原型链继承 可以继承构造函数里面的属性和方法,也可以继承原型链上面的属性和方法
// // 但是构造函数实现继承,实例化子类的时候没办法给父类传参
// w.run();
// w.work();
// var w1 = new Web('王五',222)
//8.原型链+对象冒充继承的另一种方式
// function Person( name, age ){
// this.name = name;
// this.age = age;
// this.run = function(){
// alert(this.name+"在运动");
// }
// }
// Person.prototype.sex = "男";
// Person.prototype.work = function(){
// alert(this.name+"在工做");
// }
// // var p = new Person('李四',20);
// // p.run();
// function Web(name,age){
// Person.call(this,name,age); //对象冒充继承 可以继承构造函数里面的属性和方法 实例化子类可以给父类传参
// }
// Web.prototype = Person.prototype;
// var w = new Web('赵四',20);
// //错误 原型链继承 可以继承构造函数里面的属性和方法,也可以继承原型链上面的属性和方法
// // 但是构造函数实现继承,实例化子类的时候没办法给父类传参
// w.run();
// w.work();
// var w1 = new Web('王五',222);