博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
令人振奋的Class(上)
阅读量:4083 次
发布时间:2019-05-25

本文共 1179 字,大约阅读时间需要 3 分钟。

可以在这里 
es2015中定义类:

clss me    {        showName()        {            return "张三";        }    }    // 实例化类    let m = new me();    console.log(m.showName()); 
1
2
3
4
5
6
7
8
9
10
11
1
2
3
4
5
6
7
8
9
10
11

类中属性的使用:

class me{  showName(){    this.age = 18;    alert("zhangsan")  }}// 实例化类let m = new me();m.showName(); //这里就定义了agealert(m.age); //18 
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10

构造方法:

class me{  // 构造方法  constructor(_age)  {    this.age = _age;  }  showName()  {    console.log(this.age);  }}// 实例化类let m = new me(25);m.showName(); //打印:25 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

类似于静态方法:

class me{
static showme() { console.log("zhangsan"); }}//调用静态方法me.showme(); //打印:zhangsan
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10

getter和setter:

class me{
get myname() { return "我的名字:"+this._abc; } set myname(v) { this._abc = v; }}//实例化let m = new me();m.myname = "jack";console.log(m.myname); //打印:我的名字:jack

转载地址:http://kvhni.baihongyu.com/

你可能感兴趣的文章
Vue项目Webpack优化实践,构建效率提高50%
查看>>
从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系!
查看>>
前端本地文件操作与上传
查看>>
数据动态绑定的简单实现——基于ES5对象的getter/setter机制
查看>>
vue源码系列文章good
查看>>
前端跨域解决方案
查看>>
Web前端面试——HTTP部分
查看>>
HTTP必知必会——常见面试题总结
查看>>
你不知道的Virtual DOM
查看>>
VUE面试题总结
查看>>
写好JavaScript条件语句的5条守则
查看>>
原生JS中DOM节点相关API合集
查看>>
新手快速上手webpack4打包工具的使用
查看>>
发布 react 组件到 npm
查看>>
定制化你的ReactNative底部导航栏
查看>>
Lodash是如何实现深拷贝的
查看>>
面试题之如何实现一个深拷贝
查看>>
React中使用CSS的7中方式(应该是最全的)
查看>>
常见(XSS|CSRF)六大Web安全攻防解析
查看>>
前端基础面试整理
查看>>