ES6新增基本属性内容详解_声明的变量会被所有代码块限制作用范围(1)

最新推荐文章于 2024-06-12 11:13:48 发布
最新推荐文章于 2024-06-12 11:13:48 发布
阅读量420 收藏 8
点赞数 18
分类专栏： 2024年程序员学习 文章标签： es6 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60388216/article/details/137865070
版权

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新网络安全全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img
img
img
img
img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上网络安全知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注网络安全）
img

正文

// 因为 const 不会进行预解析（变量提升），所以直接报错了
console.log(num) // undefined
const num = 100

3、let 和 const 声明的变量会被所有代码块限制作用范围

// var 声明的变量只有函数能限制其作用域，其他的不能限制
if (true) {
  var num = 100
}
console.log(num) // 100


// let 声明的变量，除了函数可以限制，所有的代码块都可以限制其作用域（if/while/for/...）
if (true) {
  let num = 100
  console.log(num) // 100
}
console.log(num) // 报错


// const 声明的变量，除了函数可以限制，所有的代码块都可以限制其作用域（if/while/for/...）
if (true) {
  const num = 100
  console.log(num) // 100
}
console.log(num) // 报错
  • let 和 const 的区别

1、let 声明的变量的值可以改变，const 声明的变量的值不可以改变

let num = 100
num = 200
console.log(num) // 200


const num = 100
num = 200 // 这里就会报错了，因为 const 声明的变量值不可以改变（我们也叫做常量）

2、let 声明的时候可以不赋值，const 声明的时候必须赋值

let num
num = 100
console.log(num) // 100


const num // 这里就会报错了，因为 const 声明的时候必须赋值
箭头函数
  • 箭头函数是 ES6 里面一个简写函数的语法方式
  • 重点： 箭头函数只能简写函数表达式，不能简写声明式函数
function fn() {} // 不能简写
const fun = function () {} // 可以简写
const obj = {
  fn: function () {} // 可以简写
}
  • 语法： (函数的行参) => { 函数体内要执行的代码 }
const fn = function (a, b) {
  console.log(a)
  console.log(b)
}
// 可以使用箭头函数写成
const fun = (a, b) => {
  console.log(a)
  console.log(b)
}
const obj = {
  fn: function (a, b) {
    console.log(a)
    console.log(b)
  }
}
// 可以使用箭头函数写成
const obj2 = {
  fn: (a, b) => {
    console.log(a)
    console.log(b)
  }
}
箭头函数的特殊性
  • 箭头函数内部没有 this，箭头函数的 this 是上下文的 this
// 在箭头函数定义的位置往上数，这一行是可以打印出 this 的
// 因为这里的 this 是 window
// 所以箭头函数内部的 this 就是 window
const obj = {
  fn: function () {
    console.log(this)
  },
  // 这个位置是箭头函数的上一行，但是不能打印出 this
  fun: () => {
    // 箭头函数内部的 this 是书写箭头函数的上一行一个可以打印出 this 的位置
    console.log(this)
  }
}

obj.fn()
obj.fun()
  • 按照我们之前的 this 指向来判断，两个都应该指向 obj
  • 但是 fun 因为是箭头函数，所以 this 不指向 obj，而是指向 fun 的外层，就是 window
  • 箭头函数内部没有 arguments 这个参数集合
const obj = {
  fn: function () {
    console.log(arguments)
  },
  fun: () => {
    console.log(arguments)
  }
}
obj.fn(1, 2, 3) // 会打印一个伪数组 [1, 2, 3]
obj.fun(1, 2, 3) // 会直接报错
  • 函数的行参只有一个的时候可以不写 () 其余情况必须写
const obj = {
  fn: () => {
    console.log('没有参数，必须写小括号')
  },
  fn2: a => {
    console.log('一个行参，可以不写小括号')
  },
  fn3: (a, b) => {
    console.log('两个或两个以上参数，必须写小括号')
  }
}
  • 函数体只有一行代码的时候，可以不写 {} ，并且会自动 return
const obj = {
  fn: a => {
    return a + 10
  },
  fun: a => a + 10
}

console.log(fn(10)) // 20
console.log(fun(10)) // 20
函数传递参数的时候的默认值
  • 我们在定义函数的时候，有的时候需要一个默认值出现
  • 就是当我不传递参数的时候，使用默认值，传递参数了就使用传递的参数
function fn(a) {
  a = a || 10
  console.log(a)
}
fn()   // 不传递参数的时候，函数内部的 a 就是 10
fn(20) // 传递了参数 20 的时候，函数内部的 a 就是 20
  • 在 ES6 中我们可以直接把默认值写在函数的行参位置
function fn(a = 10) {
  console.log(a)
}
fn()   // 不传递参数的时候，函数内部的 a 就是 10
fn(20) // 传递了参数 20 的时候，函数内部的 a 就是 20
  • 这个默认值的方式箭头函数也可以使用
const fn = (a = 10) => {
  console.log(a)
}
fn()   // 不传递参数的时候，函数内部的 a 就是 10
fn(20) // 传递了参数 20 的时候，函数内部的 a 就是 20
  • 注意： 箭头函数如果你需要使用默认值的话，那么一个参数的时候也需要写 （）
解构赋值
  • 解构赋值，就是快速的从对象或者数组中取出成员的一个语法方式
解构对象
  • 快速的从对象中获取成员
// ES5 的方法向得到对象中的成员
const obj = {
  name: 'Jack',
  age: 18,
  gender: '男'
}

let name = obj.name
let age = obj.age
let gender = obj.gender


// 解构赋值的方式从对象中获取成员
const obj = {
  name: 'Jack',
  age: 18,
  gender: '男'
}

// 前面的 {} 表示我要从 obj 这个对象中获取成员了
// name age gender 都得是 obj 中有的成员
// obj 必须是一个对象
let { name, age, gender } = obj
解构数组
  • 快速的从数组中获取成员
// ES5 的方式从数组中获取成员
const arr = ['Jack', 'Rose', 'Tom']
let a = arr[0]
let b = arr[1]
let c = arr[2]


// 使用解构赋值的方式从数组中获取成员
const arr = ['Jack', 'Rose', 'Tom']

// 前面的 [] 表示要从 arr 这个数组中获取成员了
// a b c 分别对应这数组中的索引 0 1 2
// arr 必须是一个数组
let [a, b, c] = arr
注意
  • {} 是专门解构对象使用的
  • [] 是专门解构数组使用的
  • 不能混用
模版字符串
  • ES5 中我们表示字符串的时候使用 ‘’ 或者 “”
  • 在 ES6 中，我们还有一个东西可以表示字符串，就是 ``（反引号）
let str = `hello world`
console.log(typeof str) // string
  • 和单引号好友双引号的区别

1、反引号可以换行书写

// 这个单引号或者双引号不能换行，换行就会报错了
let str = 'hello world' 

// 下面这个就报错了
let str2 = 'hello 
world'


let str = `
	hello
	world
`

console.log(str) // 是可以使用的

2、反引号可以直接在字符串里面拼接变量

// ES5 需要字符串拼接变量的时候
let num = 100
let str = 'hello' + num + 'world' + num
console.log(str) // hello100world100

// 直接写在字符串里面不好使
let str2 = 'hellonumworldnum'
console.log(str2) // hellonumworldnum


// 模版字符串拼接变量
let num = 100
let str = `hello${num}world${num}`
console.log(str) // hello100world100

在 `` 里面的 ${} 就是用来书写变量的位置

展开运算符
  • ES6 里面号新添加了一个运算符 … ，叫做展开运算符
  • 作用是把数组展开
let arr = [1, 2, 3, 4, 5]
console.log(...arr) // 1 2 3 4 5
  • 合并数组的时候可以使用
let arr = [1, 2, 3, 4]
let arr2 = [...arr, 5]
console.log(arr2)
  • 也可以合并对象使用
let obj = {
  name: 'Jack',
  age: 18
}
let obj2 = {
  ...obj,
  gender: '男'
}
console.log(obj2)
  • 在函数传递参数的时候也可以使用
let arr = [1, 2, 3]
function fn(a, b, c) {
  console.log(a)
  console.log(b)
  console.log(c)
}
fn(...arr)
// 等价于 fn(1, 2, 3)

Map 和 Set

  • 是 ES6 新增的两个数据类型
  • 都是属于内置构造函数
  • 使用 new 的方式来实例化使用

Set

  • 使用方式就是和 new 连用
const s = new Set()
console.log(s)

/*
	Set(0) {}
        size: (...)
        __proto__: Set
        [[Entries]]: Array(0)
        length: 0
*/
  • 就是一个数据集合
  • 我们可以在 new 的时候直接向内部添加数据
// 实例化的时候直接添加数据要以数组的形式添加
const s = new Set([1, 2, 3, {}, function () {}, true, 'hwllo'])
console.log(s)

/*
	Set(7) {1, 2, 3, {…}, ƒ, …}
        size: (...)
        __proto__: Set
        [[Entries]]: Array(7)


### 如何自学黑客&网络安全


#### 黑客零基础入门学习路线&规划


**初级黑客**  
 **1、网络安全理论知识（2天）**  
 ①了解行业相关背景，前景，确定发展方向。  
 ②学习网络安全相关法律法规。  
 ③网络安全运营的概念。  
 ④等保简介、等保规定、流程和规范。（非常重要）


**2、渗透测试基础（一周）**  
 ①渗透测试的流程、分类、标准  
 ②信息收集技术：主动/被动信息搜集、Nmap工具、Google Hacking  
 ③漏洞扫描、漏洞利用、原理，利用方法、工具（MSF）、绕过IDS和反病毒侦察  
 ④主机攻防演练：MS17-010、MS08-067、MS10-046、MS12-20等


**3、操作系统基础（一周）**  
 ①Windows系统常见功能和命令  
 ②Kali Linux系统常见功能和命令  
 ③操作系统安全（系统入侵排查/系统加固基础）


**4、计算机网络基础（一周）**  
 ①计算机网络基础、协议和架构  
 ②网络通信原理、OSI模型、数据转发流程  
 ③常见协议解析（HTTP、TCP/IP、ARP等）  
 ④网络攻击技术与网络安全防御技术  
 ⑤Web漏洞原理与防御：主动/被动攻击、DDOS攻击、CVE漏洞复现


**5、数据库基础操作（2天）**  
 ①数据库基础  
 ②SQL语言基础  
 ③数据库安全加固


**6、Web渗透（1周）**  
 ①HTML、CSS和JavaScript简介  
 ②OWASP Top10  
 ③Web漏洞扫描工具  
 ④Web渗透工具：Nmap、BurpSuite、SQLMap、其他（菜刀、漏扫等）  
 恭喜你，如果学到这里，你基本可以从事一份网络安全相关的工作，比如渗透测试、Web 渗透、安全服务、安全分析等岗位；如果等保模块学的好，还可以从事等保工程师。薪资区间6k-15k


到此为止，大概1个月的时间。你已经成为了一名“脚本小子”。那么你还想往下探索吗？


如果你想要入坑黑客&网络安全，笔者给大家准备了一份：282G全网最全的网络安全资料包评论区留言即可领取！


**7、脚本编程（初级/中级/高级）**  
 在网络安全领域。是否具备编程能力是“脚本小子”和真正黑客的本质区别。在实际的渗透测试过程中，面对复杂多变的网络环境，当常用工具不能满足实际需求的时候，往往需要对现有工具进行扩展，或者编写符合我们要求的工具、自动化脚本，这个时候就需要具备一定的编程能力。在分秒必争的CTF竞赛中，想要高效地使用自制的脚本工具来实现各种目的，更是需要拥有编程能力.


如果你零基础入门，笔者建议选择脚本语言Python/PHP/Go/Java中的一种，对常用库进行编程学习；搭建开发环境和选择IDE,PHP环境推荐Wamp和XAMPP， IDE强烈推荐Sublime；·Python编程学习，学习内容包含：语法、正则、文件、 网络、多线程等常用库，推荐《Python核心编程》，不要看完；·用Python编写漏洞的exp,然后写一个简单的网络爬虫；·PHP基本语法学习并书写一个简单的博客系统；熟悉MVC架构，并试着学习一个PHP框架或者Python框架 (可选)；·了解Bootstrap的布局或者CSS。

**8、超级黑客**  
 这部分内容对零基础的同学来说还比较遥远，就不展开细说了，附上学习路线。  
 ![img](https://img-blog.csdnimg.cn/img_convert/3fd39c2ba8ec22649979f245f4221608.webp?x-oss-process=image/format,png)


#### 网络安全工程师企业级学习路线


![img](https://img-blog.csdnimg.cn/img_convert/931ac5ac21a22d230645ccf767358997.webp?x-oss-process=image/format,png)  
 如图片过大被平台压缩导致看不清的话，评论区点赞和评论区留言获取吧。我都会回复的


视频配套资料&国内外网安书籍、文档&工具


当然除了有配套的视频，同时也为大家整理了各种文档和书籍资料&工具，并且已经帮大家分好类了。

![img](https://img-blog.csdnimg.cn/img_convert/153b2778a3fe5198265bed9635d63469.webp?x-oss-process=image/format,png)  
 一些笔者自己买的、其他平台白嫖不到的视频教程。  
 ![img](https://img-blog.csdnimg.cn/img_convert/32eb4b22aa740233c5198d3c161b37e8.webp?x-oss-process=image/format,png)





**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注网络安全）**
![img](https://img-blog.csdnimg.cn/img_convert/5365251bce7a26dafd5423118c83bf20.png)

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

取吧。我都会回复的


视频配套资料&国内外网安书籍、文档&工具


当然除了有配套的视频，同时也为大家整理了各种文档和书籍资料&工具，并且已经帮大家分好类了。

![img](https://img-blog.csdnimg.cn/img_convert/153b2778a3fe5198265bed9635d63469.webp?x-oss-process=image/format,png)  
 一些笔者自己买的、其他平台白嫖不到的视频教程。  
 ![img](https://img-blog.csdnimg.cn/img_convert/32eb4b22aa740233c5198d3c161b37e8.webp?x-oss-process=image/format,png)





**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注网络安全）**
[外链图片转存中...(img-Nk2XWL89-1713323425450)]

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
前端小仙子
关注
  • 18
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
es6遍历树结构并判断_ES5和ES6数组遍历方法详解
weixin_35997546的博客
01-12 451
ES5和ES6数组遍历方法详解在ES5中常用的10种数组遍历方法:1、原始的for循环语句2、Array.prototype.forEach数组对象内置方法3、Array.prototype.map数组对象内置方法4、Array.prototype.filter数组对象内置方法5、Array.prototype.reduce数组对象内置方法6、Array.prototype.some数组对象内置方...
ES6变量声明与赋值：值传递、浅拷贝与深拷贝详解
02-24
ES6为我们引入了let与const两种新的变量声明关键字，同时也引入了块作用域；本文首先介绍ES6中常用的三种变量声明方式，然后讨论了JavaScript按值传递的特性以及多种的赋值方式，最后介绍了复合类型拷贝的技巧。在...
ES6新增基本属性内容详解_声明的变量会被所有代码块限制作用范围
2401_84558442的博客
05-16 314
obj.fn(1, 2, 3) // 会打印一个伪数组 [1, 2, 3]fn(20) // 传递了参数 20 的时候，函数内部的 a 就是 20。fn(20) // 传递了参数 20 的时候，函数内部的 a 就是 20。fn(20) // 传递了参数 20 的时候，函数内部的 a 就是 20。fn() // 不传递参数的时候，函数内部的 a 就是 10。fn() // 不传递参数的时候，函数内部的 a 就是 10。fn() // 不传递参数的时候，函数内部的 a 就是 10。
html里 if的作用域,ES6中块级作用域及新变量声明新语法let详解
weixin_34688479的博客
06-25 771
ES6之前js没有块级作用域，它使用var声明变量，以function来划分作用域，大括号“{}” 却限定不了var的作用域,用var声明的变量具有变量提升(declaration hoisting)的效果。ES6新增加了一个let，可以在{}， if， for里声明。用法同var，但作用域限定在块级，let声明的变量不存在变量提升。例1: 块级作用域 iffunctiontest(flag)...
python变量的作用域及生命周期_ES6 变量作用域与提升：变量的生命周期详解
weixin_39621044的博客
12-05 105
ES6 变量作用域与提升：变量的生命周期详解从属于笔者的现代 JavaScript 开发：语法基础与实践技巧系列文章。本文详细讨论了 JavaScript 中作用域、执行上下文、不同作用域下变量提升与函数提升的表现、顶层对象以及如何避免创建全局对象等内容；建议阅读前文ES6 变量声明与赋值。变量作用域与提升在 ES6 之前，JavaScript 中只存在着函数作用域；而在 ES6 中，JavaSc...
最详细ES6教程_变量的解构赋值
qq_51609259的博客
08-31 557
解构不仅可以用于数组，还可以用于对象。let {对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。let {baz } = {上面代码的第一个例子，等号左边的两个变量的次序，与等号右边两个同名属性的次序不一致，但是对取值完全没有影响。第二个例子的变量没有对应的同名属性，导致取不到值，最后等于undefined。如果解构失败，变量的值等于undefined。...
es6新增详解
weixin_45720111的博客
11-10 165
文章目录一、es6是什么1. 官方回答2. 本人理解二、版本新增1. let 和 const 和 var 的区别2.解构赋值3.模板字符串4.字符串新增5.函数的新增6.箭头函数7.数组新增8.对象新增1.对象的简洁：2.方法的简洁：3.新增对象方法：9.扩展运算符10.promise11.async await12.class类构造器13.class静态属性和静态方法14.set和map数据结构set数据结构map数据结构15.模块化 一、es6是什么 1. 官方回答 ECMAScript 6（以下简称
【ES6】ES6超详讲解(＠_＠；)
weixin_46531416的博客
07-08 1556
JavaScript(浏览器端) = ECMAScript(语法 + API) + DOM + BOM
ES6新增let、const关键字详解与var的区别
weixin_47342392的博客
09-18 198
ES6新增let、const关键字详解与var的区别
JavaScript(ES6-10)语法详解 —— ES6基础知识【作用域】
Jack汪喆的技术分享栏
07-26 412
基础环境构建 初始化项目 通过脚手架工具将babel/Webpack等的配置直接生成好 npx es10-cli create es2019 # 其中es10-cli是提供的脚手架 # create表示创建项目的命令 # es2019 - projectName是要创建项目的目录名称 启动项目：进入es2019项目中，执行npm run start 访问http://localhost:8080即可看到效果 VSCode应用插件 插件 作用 Beautify 代码格式化 E
详解ES6之用let声明变量以及let loop机制
08-29
本篇文章主要介绍了详解ES6之用let声明变量以及let loop机制，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
[课程]AngularJS1.x组件和ES6课程的代码_JavaScript_HTML_下载.zip
04-21
[课程]AngularJS1.x组件和ES6课程的代码_JavaScript_HTML_下载
ES5/ES6 的继承除了写法以外还有什么区别？
weixin_64433668的博客
06-08 421
为子类没有自己的 this 对象， 而是继承了父类的 this 对象， 然后对其进行加工。注意： 在子类构造函数中， 调用 super 后， 才可使用 this 关键字， 否则。须先调用父类的 super()方法） ， 然后再用子类的构造函数修改 this。ES6 的继承机制完全不同， 实质上是先创建父类的实例对象 this（所以必。ES5 的继承实质上是先创建子类的实例对象， 然后再将父类的方法添加。注意 super 关键字指代父类的实例， 即父类的 this 对象。必须使用 new 调用 class。
common.js和es6中模块引入的区别
He_9a9的博客
06-05 1108
common.js和es6中模块引入的区别
【前端技术】 ES6 介绍及常用语法说明
傲泣龙腾的博客
06-04 2523
ES6 引入了许多新特性和改进，使 JavaScript 更加现代化和强大。通过使用这些特性，开发者可以编写出更加简洁、高效和可维护的代码。这种变化和改进不仅提高了代码的可读性和可维护性，也使得开发者能够更轻松地实现复杂的功能。通过学习和掌握这些新特性，您将能够更加高效地编写 JavaScript 代码，适应现代 web 开发的需求。 最后希望本文对小伙伴们了解 ES6 及其语法有所帮助～ 欢迎一起评论交流！
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 359
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 521
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
Web前端网站设计案例：深入剖析创意与技术的完美融合
最新发布
liyrbtqe_66w的博客
06-12 244
在性能优化方面，设计师通过压缩代码、减少HTTP请求、使用CDN等技术手段，提升了网站的加载速度和响应性能，为用户提供了更加流畅的访问体验。综上所述，本Web前端网站设计案例通过视觉设计、用户体验、技术实现、性能优化、创意表达、响应式设计和跨平台兼容等方面的综合考量，成功打造了一款既美观又实用的网站。这个案例充分展示了Web前端设计的魅力和潜力，为未来的网站设计提供了有益的借鉴和启示。设计师通过独特的视觉元素和创意构思，将品牌理念和文化内涵融入其中，使得整个网站在传达信息的同时，也展现出品牌的独特魅力。
es6新增语法的使用代码
01-05
以下是ES6新增语法的一些示例代码： 1. 箭头函数 ```javascript // 传统函数写法 function add(a, b) { return a + b; } // 箭头函数写法 const add = (a, b) => a + b; ``` 2. 解构赋值 ```javascript // 数组...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值