博主信息
博文 19
粉丝 0
评论 1
访问量 10938
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
class类和常用API
移动用户-4050479
原创
550人浏览过
  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. // *
批改老师:PHPzPHPz

批改状态:合格

老师批语:完成的不错, 继续加油
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学