博客列表 >class类和常用API

class类和常用API

移动用户-4050479
移动用户-4050479原创
2022年11月08日 11:31:19336浏览
  1. // * class 类 类声明
  2. class User {
  3. // * 构造函数 :声明属性
  4. constructor ( uname , emj ){
  5. this.uname = uname
  6. this.emj = emj
  7. }
  8. so () {
  9. return `${this.uname}!= ${this.emj}`
  10. }
  11. static MOVE = 'CCCCC'
  12. }
  13. // * 实例化类
  14. const user = new User ('3123' , '2334')
  15. // * 访问类
  16. console.log(user.so());
  17. // * 继承
  18. class Pv extends User {
  19. constructor(uname , emj , cv) {
  20. // * super 调用父类成员
  21. super( uname , emj )
  22. this.cv = cv
  23. }
  24. so () { // * ${super.so()} 调用父类的方法
  25. return `${super.so()} - ${this.cv}`
  26. }
  27. }
  28. const user1 = new Pv ('3123' , '2334' , 'xcx')
  29. console.log(user1.so());
  30. // ! 类中使用 "访问器属性"
  31. const Svg = class {
  32. // * 声明私有属性 在属性名前面加上 #
  33. #xc = 12
  34. get age () {
  35. return this.#xc
  36. }
  37. // * 设置访问器 set
  38. set age(age) {
  39. age >= 18 ? (age <= 100 ? this.#xc = age :console.log('非法')) :console.log('非法');
  40. }
  41. }
  42. // * 实例化
  43. const svv = new Svg ()
  44. svv.age = 17
  45. console.log(svv.age);
  46. //* ********************************************************************** */
  47. let str = '123456'
  48. console.log('--------------------');
  49. // * 获取字符串长度
  50. console.log(str.length);
  51. //* charAt() 根据索引拿到成员 */
  52. console.log(str.charAt(0) );
  53. console.log(str[0]);
  54. // * indexof 由成员获取索引
  55. console.log(str.indexOf('4'));
  56. console.log(str.includes('5')); // * 查询数据是否在字符串中
  57. console.log(str.concat('456' , '789')); // * 字符串拼接
  58. console.log(str.replace('34','aaa')); // * 字符替换
  59. console.log(str.substring(0,3)); // * 必须忽略结束索引 ,即最后一个数据
  60. console.log(str.split()); // * 字符串转为数组
  61. console.log(str.split('',4)); // * 字符串转为数组 第二个参数指定获取几位
  62. console.log('ANA'.toLocaleLowerCase()); // * 转小写
  63. console.log(str.link('baidu.com')); // * 生成链接
  64. // * ******************************************** * /
  65. let arr = []
  66. console.log(arr.push(10,23,789)); //* 尾部差入数据
  67. console.log(arr);
  68. // * 删除
  69. console.log(arr.pop());
  70. console.log(arr.pop());
  71. console.log(arr.pop());
  72. console.log(arr.pop());
  73. console.log('---------------------');
  74. // * 头部添加
  75. console.log(arr.unshift(10,654,56,565,78));
  76. console.log(arr);
  77. console.log(arr.shift());
  78. console.log('--------------');
  79. delete arr[2]
  80. console.log(arr);
  81. // *********************************************** //! WARNING
  82. // * 迭代 for each 没有返回值
  83. arr.forEach (function(item){
  84. console.log(item);
  85. })
  86. console.log('=---------------------');
  87. // * map 有返回值
  88. arr.map (function(item){
  89. return console.log(item);
  90. })
  91. console.log('=---------------------');
  92. // *
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议