JS进阶-内置构造函数

最新推荐文章于 2024-09-08 21:17:37 发布
最新推荐文章于 2024-09-08 21:17:37 发布
阅读量995 收藏 13
点赞数 26
分类专栏： JS进阶 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64105917/article/details/140311684
版权

学习目标：

  • 掌握内置构造函数

学习内容：

  1. 内置构造函数
  2. Object
  3. Array
  4. String
  5. Number
  6. 综合案例

内置构造函数：

在JavaScript中最主要的数据类型有6种：

基本数据类型字符串、数值、布尔、undefined、null
引用类型对象

其实字符串、数值、布尔等基本类型也都有专门的构造函数，这些我们称为包装类型。

JS中几乎所有的数据都可以基于构成函数创建。

 <title>基本包装类型</title>
</head>

<body>
  <script>
    // const str = 'pink'
    // console.log(str.length)
    // const num = 12
    // console.log(num.toFixed(2))
    // const str = 'pink'
    // js 底层完成， 把简单数据类型包装为了引用数据类型
    // const str = new String('pink')
  </script>

</body>
引用类型Object、Array、RegExp、Date等
包装类型String、Number、Boolean等

Object：

Object是内置的构造函数，用于创建普通对象。

//通过构造函数创建普通对象
const user =new Object({ uname: 'pink', age: 18 })

推荐使用字面量方式声明对象，而不是Object构造函数。

学习三个常用静态方法（静态方法就是只有构造函数Object可以调用的）：

  • Object.keys

作用：Object.keys静态方法获取对象中所有属性（键）。

语法：

const o = { uname: 'pink', age: 18 }
    // 1.获得所有的属性名
    console.log(Object.keys(o))  //返回数组['uname', 'age']

注意：返回的是一个数组。

  • Object.values

作用：Object.values静态方法获取对象中所有属性值。

语法：

const o = { uname: 'pink', age: 18 }
    // 2. 获得所有的属性值
    console.log(Object.values(o))  //  ['pink', 18]

注意：返回的是一个数组。

  • Object.assign

作用：Object.assign静态方法常用于对象拷贝。

使用：经常使用的场景给对象添加属性。

语法：

 const o = { uname: 'pink', age: 18 }
    // 3. 对象的拷贝
    // const oo = {}
    // Object.assign(oo, o)
    // console.log(oo)
    //添加属性
    Object.assign(o, { gender: '女' })
    console.log(o)

完整代码：

<title>Object静态方法</title>
</head>

<body>
  <script>
    const o = { uname: 'pink', age: 18 }
    // 1.获得所有的属性名
    console.log(Object.keys(o))  //返回数组['uname', 'age']
    // 2. 获得所有的属性值
    console.log(Object.values(o))  //  ['pink', 18]
    // 3. 对象的拷贝
    // const oo = {}
    // Object.assign(oo, o)
    // console.log(oo)
    Object.assign(o, { gender: '女' })
    console.log(o)
  </script>

</body>
  • 小结
  1. 什么是静态方法？

只能给构造函数使用的方法，比如Object.keys( )。

  1. Object.keys( )方法的作用是什么？

获取对象中所有属性（键）。

  1. Object.values( )方法的作用是什么？

获取对象中所有属性值（值）。

Array：

Array是内置的构造函数，用于创建数组。

const arr = new Array(3,5)
console.log(arr) //[3,5]

创建数组建议使用字面量创建，不用Array构造函数创建。

  • 数组常见实例方法-核心方法
方法作用说明
forEach遍历数组不返回，用于不改变值，经常用于查找打印输出值
filter过滤数组筛选数组元素，并生成新数组
map迭代数组返回新数组，新数组里面的元素是处理之后的值，经常用于处理数据
reduce累计器返回函数累计处理的结果，经常用于求和等
  • reduce

作用：reduce返回累计处理的结果，经常用于求和等。

基本语法：

arr.reduce(function(){},初始值)

 //数组reduce方法
    // arr.reduce(function(上一次值,当前值){},初始值)
    const arr = [1, 5, 8]

参数： 如果有初始值，则把初始值累加到里面。

reduce执行过程：

  1. 如果没有起始值，则上一次值以数组的第一个数组元素的值。
  2. 每一次循环，把返回值给做为下一次循环的上一次值。
  3. 如果有起始值，则起始值做为上一次值。
 <title>数组reduce方法</title>
</head>

<body>
  <script>
    //数组reduce方法
    // arr.reduce(function(上一次值,当前值){},初始值)
    const arr = [1, 5, 8]


    //1.没有初始值
    // const total = arr.reduce(function (prev, current) {
    //   return prev + current
    // })
    // console.log(total)


    //上一次值     当前值    返回值  （第一次循环）
    // 1             5        6
    //上一次值     当前值    返回值  （第二次循环）
    // 6            8        14



    //2.有初始值
    // const total = arr.reduce(function (prev, current) {
    //   return prev + current
    // }, 10)
    // console.log(total)

    //上一次值     当前值    返回值  （第一次循环）
    // 10             1        11
    //上一次值     当前值    返回值  （第二次循环）
    // 11            5        16
    //上一次值     当前值    返回值  （第三次循环）
    // 16           8        24



    //3.箭头函数的写法
    const total = arr.reduce((prev, current) => prev + current, 10)
    console.log(total)

  </script>

</body>
  • 练习
 <title>练习-计算薪资案例</title>
</head>

<body>
  <script>
    // const arr = [{
    //   name: '张三',
    //   salary: 10000
    // }, {
    //   name: '李四',
    //   salary: 10000
    // }, {
    //   name: '王五',
    //   salary: 10000
    // },
    // ]
    // //计算薪资案例
    // const total = arr.reduce((prev, current) => {
    //   // console.log(prev)
    //   return prev + current.salary
    // }, 0)
    // console.log(total)

    //上一次值     当前值    返回值  （第一次遍历）
    // 0          10000     10000
    //上一次值     当前值    返回值  （第二次遍历）
    // 10000       10000     20000
    //上一次值     当前值    返回值  （第三次遍历）
    //20000       10000      30000 


    //需求： 每个人涨薪30%  当月指出多少薪资
    const arr = [{
      name: '张三',
      salary: 10000
    }, {
      name: '李四',
      salary: 10000
    }, {
      name: '王五',
      salary: 10000
    },
    ]
    //计算涨薪
    const total = arr.reduce((prev, current) => prev + current.salary * 1.3, 0)
    console.log(total)

    //上一次值     当前值    返回值  （第一次遍历）
    // 0          13000     13000
    //上一次值     当前值    返回值  （第二次遍历）
    //  13000       13000     26000
    //上一次值     当前值    返回值  （第三次遍历）
    //26000        13000      39000 

  </script>

</body>
  • 数组常见方法-其他方法
实例方法说明
join数组元素拼接为字符串，返回字符串（重点）
find查找元素，返回符合测试条件的第一个数组元素值，如果没有符合条件的则返回undefined(重点）
every检测数组所有元素是否都符合指定条件，如果所有元素都通过检测返回true，否则返回false（重点）
some检测数组中的元素是否满足指定条件，如果数组中有元素满足条件返回true，否则返回false
concat合并两个数组，返回生成新数组
sort对原数组单元值排序
splice删除或替换原数组单元
reverse反转数组
findIndex查找元素的索引值
 <title>Array常用方法</title>
</head>

<body>
  <script>
    // const arr = ['red', 'blue', 'green']
    // const re = arr.find(function (item) {
    //   return item === 'blue'
    // })
    // console.log(re)

    const arr = [
      {
        name: '小米',
        price: 1999
      },
      {
        name: '华为',
        price: 3999
      },
    ]
    // 找小米 这个对象，并且返回这个对象
    // const mi = arr.find(function (item) {
    //   // console.log(item)  //
    //   // console.log(item.name)  //
    //   console.log(111)
    //   return item.name === '华为'
    // })

    // 1. find 查找
    // const mi = arr.find(item => item.name === '小米')
    // console.log(mi)

    // 2. every 每一个是否都符合条件，如果都符合返回 true ，否则返回false
    const arr1 = [10, 20, 30]
    const flag = arr1.every(item => item >= 20)   //false
    console.log(flag)

    //3.some:只要有一个符合条件，就可以返回true，否则返回false。
    const arr2 = [10, 20, 30]
    const flag1 = arr2.some(item => item >= 20)  //true
    console.log(flag1)
  </script>

</body>
  • 练习
<title>课堂练习</title>
</head>

<body>
  <div></div>
  <script>
    const spec = { size: '40cm*40cm', color: '黑色' }
    //1. 所有的属性值回去过来  数组
    // console.log(Object.values(spec))
    // 2. 转换为字符串   数组join('/') 把数组根据分隔符转换为字符串
    // console.log(Object.values(spec).join('/'))
    document.querySelector('div').innerHTML = Object.values(spec).join('/')
  </script>

</body>
  • 数组常见方法-伪数组转换为真数组

静态方法Array.from( )

 <title>伪数组转换为真数组</title>
</head>

<body>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
  <script>
    //  Array.from(lis) 把伪数组转换为真数组
    const lis = document.querySelectorAll('ul li')
    // console.log(lis)
    // lis.pop() 报错
    const liss = Array.from(lis)
    liss.pop()
    console.log(liss)
  </script>

</body>

String：

在JavaScript中的字符串、数值、布尔具有对象的使用特征，如具有属性和方法。

之所以具有对象特征的原因是字符串、数值、布尔型数据是JavaScript底层使用Object构造函数“包装”起来的，被称为包装类型。

  • 常见实例方法
实例属性说明
length用来获取字符串的长度(重点)
实例方法说明
split('分隔符')用来将字符串拆分成数组(重点)
substring(需要截取的第一个字符的索引[， 结束的索引号])检测是否以某字符开头(重点)
includes(搜索的字符串[,检测位置索引号])判断一个字符串是否包含在另一个字符串中，根据情况返回true或false(重点)
toUpperCase用于将字母转换成大写
toLowerCase用于将字母转换成小写
indexOf检测是否包含某字符
endsWith检测是否以某字符结尾
replace用于替换字符串，支持正则匹配
match用于查找字符串，支持正则匹配
 <title>String常见方法</title>
</head>

<body>
  <script>
    //1. split 把字符串 转换为 数组  和 join() 相反
    // const str = 'pink,red'
    // const arr = str.split(',')
    // console.log(arr)
    // const str1 = '2022-4-8'
    // const arr1 = str1.split('-')
    // console.log(arr1)

    // 2. 字符串的截取   substring(开始的索引号[， 结束的索引号])
    // 2.1 如果省略 结束的索引号，默认取到最后
    // 2.2 结束的索引号不包含想要截取的部分
    // const str = '今天又要做核酸了'
    // console.log(str.substring(5, 7))

    // 3. startsWith 判断是不是以某个字符开头
    // const str = 'pink是很明艳的一种颜色'
    // console.log(str.startsWith('pink'))

    // 4. includes 判断某个字符是不是包含在一个字符串里面
    const str = '我喜欢pink'
    console.log(str.includes('pink')) // true
  </script>

</body>
  • 练习
 <title>课堂练习2</title>
</head>

<body>
  <div></div>
  <script>
    const gift = '50g的茶叶,清洗球'
    // 1. 把字符串拆分为数组
    // console.log(gift.split(',')) [,]
    // 2. 根据数组元素的个数，生成 对应 span标签
    // const str = gift.split(',').map(function (item) {
    //   return `<span>【赠品】 ${item}</span> <br>`
    // }).join('')

    // // console.log(str)
    // document.querySelector('div').innerHTML = str
    document.querySelector('div').innerHTML = gift.split(',').map(item => `<span>【赠品】 ${item}</span> <br>`).join('')
  </script>

</body>

Number：

Number是内置的构造函数，用于创建数值。

常用方法：
toFixed( )设置保留小数位的长度。

<title>toFixed方法</title>
</head>

<body>
  <script>
    // toFixed 方法可以让数字指定保留的小数位数
    const num = 10.923
    // console.log(num.toFixed())
    console.log(num.toFixed(1))
    const num1 = 10
    console.log(num1.toFixed(2))
  </script>

</body>

综合案例：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>案例-购物车展示</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .list {
      width: 990px;
      margin: 100px auto 0;
    }

    .item {
      padding: 15px;
      transition: all .5s;
      display: flex;
      border-top: 1px solid #e4e4e4;
    }

    .item:nth-child(4n) {
      margin-left: 0;
    }

    .item:hover {
      cursor: pointer;
      background-color: #f5f5f5;
    }

    .item img {
      width: 80px;
      height: 80px;
      margin-right: 10px;
    }

    .item .name {
      font-size: 18px;
      margin-right: 10px;
      color: #333;
      flex: 2;
    }

    .item .name .tag {
      display: block;
      padding: 2px;
      font-size: 12px;
      color: #999;
    }

    .item .price,
    .item .sub-total {
      font-size: 18px;
      color: firebrick;
      flex: 1;
    }

    .item .price::before,
    .item .sub-total::before,
    .amount::before {
      content: "¥";
      font-size: 12px;
    }

    .item .spec {
      flex: 2;
      color: #888;
      font-size: 14px;
    }

    .item .count {
      flex: 1;
      color: #aaa;
    }

    .total {
      width: 990px;
      margin: 0 auto;
      display: flex;
      justify-content: flex-end;
      border-top: 1px solid #e4e4e4;
      padding: 20px;
    }

    .total .amount {
      font-size: 18px;
      color: firebrick;
      font-weight: bold;
      margin-right: 50px;
    }
  </style>
</head>

<body>
  <div class="list">
    <!-- <div class="item">
        <img src="https://yanxuan-item.nosdn.127.net/84a59ff9c58a77032564e61f716846d6.jpg" alt="">
        <p class="name">称心如意手摇咖啡磨豆机咖啡豆研磨机 <span class="tag">【赠品】10优惠券</span></p>
        <p class="spec">白色/10寸</p>
        <p class="price">289.90</p>
        <p class="count">x2</p>
        <p class="sub-total">579.80</p>
      </div> -->
  </div>
  <div class="total">
    <div>合计：<span class="amount">1000.00</span></div>
  </div>
  <script>
    const goodsList = [
      {
        id: '4001172',
        name: '称心如意手摇咖啡磨豆机咖啡豆研磨机',
        price: 289.9,
        picture: 'https://yanxuan-item.nosdn.127.net/84a59ff9c58a77032564e61f716846d6.jpg',
        count: 2,
        spec: { color: '白色' }
      },
      {
        id: '4001009',
        name: '竹制干泡茶盘正方形沥水茶台品茶盘',
        price: 109.8,
        picture: 'https://yanxuan-item.nosdn.127.net/2d942d6bc94f1e230763e1a5a3b379e1.png',
        count: 3,
        spec: { size: '40cm*40cm', color: '黑色' }
      },
      {
        id: '4001874',
        name: '古法温酒汝瓷酒具套装白酒杯莲花温酒器',
        price: 488,
        picture: 'https://yanxuan-item.nosdn.127.net/44e51622800e4fceb6bee8e616da85fd.png',
        count: 1,
        spec: { color: '青色', sum: '一大四小' }
      },
      {
        id: '4001649',
        name: '大师监制龙泉青瓷茶叶罐',
        price: 139,
        picture: 'https://yanxuan-item.nosdn.127.net/4356c9fc150753775fe56b465314f1eb.png',
        count: 1,
        spec: { size: '小号', color: '紫色' },
        gift: '50g茶叶,清洗球,宝马, 奔驰'
      }
    ]

    //1.根据数据渲染页面
    document.querySelector('.list').innerHTML = goodsList.map(item => {
      // console.log(item) //每一条对象
      //对象解构 item.price item.count
      const { picture, name, count, price, spec, gift } = item
      //规格文字模块处理
      const text = Object.values(spec).join('/')
      //计算小计模块  单价*数量  保留两位小数
      //注意精度问题，因为保留两位小数，所以乘以 100 最后除以100
      const subTotal = ((price * 100 * count) / 100).toFixed(2)
      //处理赠品模块  '50g茶叶，清洗球'
      const str = gift ? gift.split(',').map(item => `<span class="tag">【赠品】 ${item}</span> `).join('') : ''
      return `
        <div class="item">
          <img src=${picture} alt="">
          <p class="name">${name} ${str} </p>
          <p class="spec">${text} </p>
          <p class="price">${price.toFixed(2)}</p>
          <p class="count">x${count}</p>
          <p class="sub-total">${subTotal}</p>
        </div>
        `
    }).join('')

    //3.合计模块
    const total = goodsList.reduce((prev, item) => prev + (item.price * 100 * item.count) / 100, 0)
    // console.log(total)
    document.querySelector('.amount').innerHTML = total.toFixed(2)
  </script>

</body>

</html>
雪碧bibi是我的好大二
关注
  • 26
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript进阶-内置构造函数
jl_3288的博客
02-22 910
JavaScript中几乎所有的数据都可以基于构成函数创建。字符串、数值、布尔等基本类型有专门的构造函数，称为。静态方法Array.from()作用：设置保留小数位的长度。方法名：toFixed。
JS进阶-内置构造函数（二）
smilehjl
01-24 977
文章主要介绍了JS的Object,Array,String,Number等常用的内置函数，并介绍了日常开发种常用的方法，值得一看
JS进阶-内置构造函数和常用数组方法
weixin_46479909的博客
09-28 158
基本数据类型：string、number、boolean、undefined、null引用类型:对象其实字符串、数值、布尔等基本类型也都有专门的构造函数，这些我们称为包装类型。JS中几乎所有的数据都可以基于构成函数创建。引用类型：Object、Array、RegExp（正则）、Date等包装类型：String、Number、Boolean等。
js进阶-深入对象-内置构造函数-包装类
weixin_43190804的博客
03-19 374
通过构造函数创建的对象称为实例对象，实例对象中的属性和方法称为实例成员。静态成员 : 构造函数上的属性和方法称为静态成员(静态属性和静态方法)实例成员: 实例对象的属性和方法即为实例成员。
JavaScript进阶 - 构造函数和原型
qq_33962481的博客
07-08 152
文章目录一、构造函数实例成员和静态成员二、构造函数原型对象 prototype三、对象原型 __proto__四、constructor构造函数五、原型链 一、构造函数 function Start() { this.name = name; this.age = age; this.sing = function(){ conslose.log('我会唱歌'); } } 实例成员和静态成员 实例成员就是构造函数内部通过this添加的成员，实例成员只能通过实例化的对象来访问 静态成员在构造
JavaScript进阶-2.构造函数和原型
小多的博客
04-17 178
一、构造函数和原型 1. 构造函数 创建对象可以通过以下三种方式： 1.对象字面量 2.new Object() 3.自定义构造函数 // 1. 利用 new Object() 创建对象 var obj1 = new Object(); // 2. 利用对象字面量创建对象 var obj2 = {}; // 3. 利用构造函数创建对象 function Obj(name,age) { this.name = name; this.age = age; this.method = f
JavaScript进阶-3. 函数进阶
小多的博客
05-04 132
一、函数的定义和调用 1. 函数的定义方式 函数声明方式 function 关键字 (命名函数) 函数表达式 (匿名函数) new Function() var fn = new Function(‘参数1’,‘参数2’…, ‘函数体’) Function 里面参数都必须是字符串格式 第三种方式执行效率低，也不方便书写，因此较少使用 所有函数都是 Function 的实例(对象) 函数也属于对象 // 函数的定义方式 // 1. 自定义函数(命名函数) function fn() {};
js进阶笔记之构造函数
m0_56713342的博客
11-21 392
构造函数--->1.构造出对象的函数，2.将来通过new调用3.构造函数名首字母建议大写内置内构函数（Array,Date,Object)自定义构造函数定义学生构造函数//添加属性 this===创建出来的对象this.属性名=属性值this.方法名=funcion() { }//不需要写return，默认会返回this，假如显示指定return// return基本类型会被忽略, return引用类型将来new得到的也是该引用类型。
JavaScript进阶学习笔记（二）--- 构造函数和原型
weixin_45092437的博客
06-01 222
一、构造函数和原型 1、实例成员和静态成员 ​ 实例成员：是指在构造函数内部通过this添加的成员，实例成员只能通过实例化的对象进行访问。 function Star(uname, age) { this.uname = uname; // 这三条属性就是实例成员 this.age = age; this.sing = function() { console.log('我会唱歌'); } } var ldh = new Star('刘德华', 18);
JavaScript 进阶 构造函数&数据常用函数
dream_of_forget的博客
08-19 187
1.1 构造函数构造函数是专门用于创建对象的函数，如果一个函数使用new关键字调用，那么这个函数就是构造函数。创建对象有三种方式1.利用对象字面量创建对象2. 利用 new Object 创建对象3. 利用构造函数创建对象总结：使用new关键字调用函数的行为被称为实例化实例化构造函数时没有参数时可以省略()构造函数的返回值即为新创建的对象构造函数内部的return返回的值无效！注：实践中为了从视觉上区分构造函数和普通函数，习惯将构造函数的首字母大写。
前端进阶-ES6内置功能
moduzhang的博客
11-27 387
Symbol Symbol 简介 Symbol 是 JS 原始数据类型列表中（numbers、strings、booleans、null、undefined）的最新补充。Symbol 是一个唯一标识符，常用于唯一标识对象中的属性。 碗这个对象中有几个水果属性（水果也是对象），当有两个相同的水果在碗里时，会出现混乱，我们不知道什么时候拿哪一个，这就是问题。我们需要一种方式来唯一的标识这这些香蕉。 ...
【TypeScript】TS进阶-装饰器（九）
热门推荐
编码世界
01-15 1万+
装饰器（Decorator）是一种特殊类型的声明，它能够被附加到类声明、方法、属性或参数上，装饰器的本身。其本身是一个函数，会在运行的时候被调用，被装饰的声明信息会作为参数传递给装饰器函数，当作形参。装饰器本质上主要是在操作原型对象，通过给原型对象 `prototype`添加一些方法和属性，来扩展类的功能。
：实用 FRIDA 进阶 --- objection ：内存漫游、hook anywhere、抓包
墨鱼菜鸡
07-11 4341
转载：实用FRIDA进阶：内存漫游、hook anywhere、抓包：https://www.anquanke.com/post/id/197657 frida github 地址：https://github.com/frida/frida objection github：https://github.com/sensepost/objection...
JavaScript 进阶(二)之构造函数/内置构造函数/数组方法对象方法
qq_66318904的博客
04-23 814
的数据类型有 6 种，分别是字符串、数值、布尔、undefined、null 和 对象，常见的对象类型数据包括数组和普通对象。之所以具有对象特征的原因是字符串、数值、布尔类型数据是 JavaScript 底层使用 Object 构造函数“包装”来的，被称为包装类型。了解面向对象编程的基础概念及构造函数的作用，体会 JavaScript 一切皆对象的语言特征，掌握常见的对象属性和方法的使用。甚至字符串、数值、布尔、数组、普通对象也都有专门的构造函数，用于创建对应类型的数据。
JS都有哪些操作数组的方法
ggq53219的博客
09-04 559
JavaScript 中操作数组的方法非常丰富，这些方法大致可以分为几类：创建和初始化数组、添加元素、删除元素、遍历数组、搜索元素、数组排序、数组映射和过滤等。
在 Vue 中实现跨项目数据传递
世轩的博客
09-03 1495
需要注意的是，跨项目数据传递可能会带来一些安全和数据一致性的问题。在实际应用中，要根据具体情况选择合适的方法，并确保数据的安全性和可靠性。同时，对于敏感数据，应该采取加密等安全措施。
基于JavaWeb开发的JavaSpringboot+Vue实现前后端分离房屋租赁系统
央顺科技官方博客
09-05 509
2021年处于信息科技高速发展的大背景之下。在今天，缺少手机和电脑几乎已经成为不可能的事情，人们生活中已经难以离开手机和电脑。针对增加的成本管理和操作,各大商家非常有必要建立自己的网上房屋租赁平台系统，这既可以让更多的人体验到网络所带来的方便，也有助于提高房屋的租赁。在经过几十年的高速发展后，互联网已成为最流行、最普及的媒体，每天的信息流量甚至能比得上过去十年。其以便捷的信息交换、快速的沟通速度，悄然地改变着会员的消费方式。
在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲
最新发布
HGX-DJK
09-08 320
【代码】在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值