源码

  • ts ``` //先声明一个泛型类 class HelloNumber{ //增加一个为泛型类型的属性 Ten:T; //再增加一个参数和返回值都是泛型类型的函数 add:(x:T,y:T) => T; } //使用上面的泛型类 let myHelloNumber = new HelloNumber(); myHelloNumber.Ten = 10; myHelloNumber.add = function (x,y) { return x+y; } alert(myHelloNumber.Ten); alert(myHelloNumber.add(10,12));
  2. - HTML

<!DOCTYPE html>

  2. - 浏览器效果图
  4. > ![image.png](http://upload-images.jianshu.io/upload_images/9064013-670df41defc1d1c1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)<br />
  5. ![image.png](http://upload-images.jianshu.io/upload_images/9064013-b3f0b8047489cb36.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)<br />
  6. ####还可以在使用这个泛型类时指定其类型为 `string`
  9. - ts

//先声明一个泛型类 class HelloNumber{ //增加一个为泛型类型的属性 Ten:T; //再增加一个参数和返回值都是泛型类型的函数 add:(x:T,y:T) => T; } // //使用上面的泛型类 // let myHelloNumber = new HelloNumber(); // myHelloNumber.Ten = 10; // myHelloNumber.add = function (x,y) { // return x+y; // } // alert(myHelloNumber.Ten); // alert(myHelloNumber.add(10,12));

//还可以在使用这个泛型类时指定其类型为 string let myHelloNumber = new HelloNumber(); myHelloNumber.Ten = ‘xiaochuan’; myHelloNumber.add = function (x,y) { return x+y; } alert(myHelloNumber.Ten); alert(myHelloNumber.add(‘hello’,’xiaochuan’));

```

  • HTML 与上例相同
  • 浏览器效果图

image.png
image.png