首页 > 其他分享 >ES6-ES11 class中getter和setter设置

ES6-ES11 class中getter和setter设置

时间:2023-03-08 20:13:56浏览次数:37  
标签:ES6 set console log get price getter ES11 class

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>get 和 set</title>
</head>
<body>
    <script>
        // get 和 set  
        class Phone{
            get price(){
                console.log("价格属性被读取了");
                return 'iloveyou';//显示调用返回值
            }

            set price(newVal){
                console.log('价格属性被修改了');
            }
        }

        //实例化对象
        let s = new Phone();

        // console.log(s.price);
        s.price = 'free';
    </script>
</body>
</html>

标签:ES6,set,console,log,get,price,getter,ES11,class
From: https://www.cnblogs.com/chuixulvcao/p/17195917.html

相关文章

  • ES6-ES11 class静态成员
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>静态成......
  • ES6-ES11 ES5构造函数继承
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>对象继......
  • ES6-ES11 Map的介绍与API
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Map</t......
  • ES6新特性
    1.新增了块级作用域(let,const)2.提供了定义类的语法糖(class)3.新增了一种基本数据类型(Symbol)4.新增了变量的解构赋值5.函数参数允许设置默认值,引入了rest参数,新增了箭头函......
  • ES6增加了扩展运算符: ... 三个点是ES几的
    ES6的扩展运算符(spread)是三个点(...)。它好比rest参数的逆运算,将一个数组转为用逗号分隔的参数序列。1、将一个数组转为用逗号分隔的参数序列(把数组中元素展开)。如下:......
  • 如何使用 js 实现一个 ES6 中 class 的 extends 功能 All In One
    如何使用js实现一个ES6中class的extends功能AllInOneextendsclassHuman{constructor(name){this.name=name??'unknown';}getName(){......
  • ES6常见语法
    ECMAScript6.0(也可以称为ECMAScript2015),ECMAScript6.0简称ES6,是语言的标准。出来的时间已经很久了,但是我们在工作中,有时候也不会使用。今天我们就来介绍一下。1、块级......
  • JAVA执行es6脚本
    publicstaticvoidmain(String[]args){System.setProperty(ClientLogger.CLIENT_LOG_LEVEL,"OFF");//SpringApplication.run(SrmSettleAccountAppli......
  • ES6-ES11 Set集合实践(去重交并差)
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title......
  • ES6-ES11 Promise实践练习-多个文件内容读取
    原视频//引入fs模块constfs=require("fs");//fs.readFile('./resources/为学.md',(err,data1)=>{//fs.readFile('./resources/插秧诗.md',(err,data2)......