ES6新增的创建类的方法

最新推荐文章于 2022-09-15 13:08:58 发布
最新推荐文章于 2022-09-15 13:08:58 发布
阅读量185 收藏
点赞数
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46500485/article/details/108522819
版权

ES6新增的创建类的方法

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
     // ES6中增加的class
        // 其实是我们function 定义构造函数的语法糖

		//ES6之前创建类的方法
        // function People(name, age, sex) {
        //     this.name = name;
        //     this.age = age;
        //     this.sex = sex;
        // }

        // People.prototype.intro = function () {
        //     console.log("大家好，我的名字是" + this.name + "我的年龄是" + this.age + "我是一个" + this.sex + "孩子")
        // }



        // class是关键字 用于定义类
        // 关键字后面跟的是类名
        // 类名后面跟的是类体 
        class People {
            constructor(name, age, sex) {
                    this.name = name;
                    this.age = age;
                    this.sex = sex;
                }
                // 新增了静态方法  类可以调用静态方法
            static offset() {
                    console.log("我是People这个类的静态方法")
                }
                // 存取器 写的时候写的是函数的写法 但其实定义的是一个属性
            get getName() {
                console.log("执行我了，我是取器")
                return this.name;
            }
            set setName(value) {
                console.log('执行我了，我是存器')
                this.name = value;
            }
			//原型上的方法
            intro() {
                console.log("大家好，我的名字是" + this.name + "我的年龄是" + this.age + "我是一个" + this.sex + "孩子")
            }
        }

        var p1 = new People("渣渣辉", 29, "男");
        p1.intro();


        var p2 = new People("古天乐", 18, "男")
        p2.intro();


        People.offset();

        // 存取器测试 明明带了圆括号 却不能调用 
        // console.log(p1.getName);

        p1.setName = "hahaha"
    </script>
</body>

</html>
江呱呱
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6创建类以及添加共有方法
01-08
1.1创建类 语法格式： class name { //class body } 实例化： var xxx=new name() //注意:必须使用new实例化对象 例： //创建一个class,此处创作一个 学校 类 class School { } //实例化这个类 new School() 1.2.类constructor构造函数 定义：constructor()方法是类的构造函数（默认方法），作用是传递参数，返回实例对象，通过new命令生成实例对象时，自动调用此方法，如果没有显示定义，类内部会自动创建一个constructor() 例： 接着上一个定义的 学校 类 //创建
ES6 新增的创建数组的方法(小结)
10-16
主要介绍了ES6 新增的创建数组的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
ES6 class创建类
m0_62407740的博客
01-19 901
在ES6中新增了类的概念，可以使用class关键字声明一个类，之后以这个类来实例化 1.1 定义类： class 类名{ } 说明：类是以class关键字声明的，后面跟着类名和花括号中的类体。 1.2 实例化对象： const 对象名=new 类名( ); 1.3 给对象中的属性赋值：对象名.属性名=值； 1.4 调用对象中的方法：对象名.方法名(); class Person{ name; age; ...
ES6创建类
weixin_42686236的博客
07-09 135
say 方法是原型上的方法
es6 class创建类
Jq的博客
08-17 4028
传统创建类方法 Js语言的传统方法是通过构造函数,定义并生成新对象,prototype 属性使您有能力向对象添加属性和方法，是一种基于原型的面向对象系统。 //Person.js function Person(x,y){ this.x = x; this.y = y; this.say=function(){return y} } Person.prototyp...
浅谈JavaScript中ES6新增的Set和Map结构以及Array.from方法
01-08
add() 方法： 向该数据结构中,追加新增数据 constructor：构造函数，默认就是Set函数 delete() 方法： 向该数据结构中,删除指定的数据 clear() 方法： 清除该数据结构中,所有的数据 has() 方法： 查询数据结构中
ES6新增数据类型set和map
01-20
文章目录前言1、Set2、Map 前言 JavaScript有一种数据类型叫对象，js中的数组算是一种新的类型，是一种...在创建Set结构时，可以立即设置内容，但是Set必须接受数组作为参数 const s = new Set([1,hello,{},function
免费的ES6学习思维导图
最新发布
03-01
Symbol：ES6 引入了一种新的原始类型 Symbol，用于创建独一无二的标识符，常用于对象属性名，以避免命名冲突。 let 和 const：提供了块级作用域的变量声明，使用 let 可以声明局部变量，而 const 用于声明不可重新...
ES6——类的创建、添加以及继承
NanChen的博客
10-10 1605
目录 一、创建类和对象 二、类中添加其方法 三、类的继承 super()方法 四、子类继承父类的方法同时扩展自己的方法 五、super关键字调用父类的普通函数 六、使用类的注意事项 使用类的注意事项总结： 1. 在 ES6 中的类没有变量提升，必须先定义类，才能通过类实例化对象。 2. 类里面的共有的属性和方法一定要加this使用。 3.constructor 里面的this 指向的是创建的实例对象，方法里面的this 指向的是这个方法的调用者。 原文链接 一、创建类和对象...
es6类的创建
weixin_43167662的博客
12-05 471
javascript创建类方法汇总（包含es6语法）
lyhDream的专栏
03-26 214
复制以下代码，使用node xxx.js 即可运行 /*********************************** * 使用class关键字定义类(ES6 语法) ***********************************/ class Person{ constructor(name, age) { this.name = name; this.age = age; } setName(name){ this.name = name; } g.
es6中创建类class
wenfu814的博客
05-08 473
es6中创建类 语法 class name{ //class body } 通过class 关键字创建类，类名我们还是习惯定义首字母大写。 类里面有个constructor 函数，可以接受传递古来的参数，同时返回实例对象。 constructor 函数 只要new生成实例时，就会 自动调用这个函数，如果我们不写constructor，类也会自动生成这个函数。 生成实例new不能省略 最后注意语法规范，创建类名后面不要小括号，生成实例类名后面要加小括号，构造函数不需要加function class S
ES6新增方法
weixin_43164078的博客
09-16 39
数组方法 迭代（遍历）方法：forEach(),map(),filter(),some(),every() 1.forEach()方法： 语法：array.forEach(function(currentValue,index,arr)) currentValue:数组当前项的值 index：数组当前项的索引 arr:数组对象本身 代码测试 <script> var array=[1,2,3] // forEach方法 array.forEach
ES6（1）创建类和生成实例
ronle的专栏
01-20 301
生成类和生成实例 class Star { // 构造函数，接收传递过来的参数，返回实例对象 // 只要new生成实例，就自动调用这个函数，如果不写这个函数，也会自动生成这个函数 constructor(username, age) { this.username = username; this.age = age; } } let p = new Star(...
ES6 创建类简单示例
富在术数不在劳身,利在势局不在力耕。
09-17 98
class clothes{ // 构造方法 名字不能修改 constructor(name,price){ this.name = name; this.price = price; } // 必须这么写，不能按照之前的es5那么些否则报错 show(){ console.log(' 衣服很漂亮！！'); } } // 创建对象,用new关键字去做 let newClothes = new clothes('牛仔裤','200'); console.log(newClothes).
15-类里面添加方法.html
m0_59556655的博客
09-15 95
【代码】15-类里面添加方法.html。
ES6.方法的定义
gouzhun247的博客
03-25 3261
方法的定义该新特性属于 ECMAScript 2015（ES6）规范，在使用时请注意浏览器兼容性。从ECMAScript 2015开始，在对象初始器中引入了一种更简短定义方法的语法，这是一种把方法名直接赋给函数的简写方式。语法var obj = { property( parameters… ) {}, *generator( parameters… ) {}, async prope...
es6 创建类和生成实例,类中添加方法
艾小逗
08-26 2019
// 1.创建类class 创建一个明星类 class Star { constructor(uname, age) { this.uname = uname; this.age = age; } sing(song){ console.log(this.uname + song) } } // 2.利用类创建对象new var ldh = new Star( ...
ES6新增的数组方法
10-27
ES6新增了许多数组方法，其中一些重要的方法包括： 1. map()方法：该方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。 2. flat()方法：该方法用于将嵌套的数组“拍平”，即将多维...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值