首页 > 其他分享 >ES6私有属性、存取器

ES6私有属性、存取器

时间:2024-04-15 16:26:26浏览次数:9  
标签:ES6 name web 私有 person 存取 属性

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>ES6私有属性、存取器</title>
</head>
<body>
	<script >
			class Person {
	        name
	        #web //私有属性是指仅在类内部可访问和操作的属性, 外部无法直接访问和修改

	        constructor(name, web) {
	            this.name = name
	            this.#web = web
	        }

	        //使用存取器 getter 获取私有属性
	        get web() {
	            return this.#web
	        }

	        //使用存取器 setter 设置私有属性
	        set web(value) {
	            this.#web = value
	        }

	        info() {
	            return `姓名:${this.name} 个人网站:${this.web}`
	        }
	    }

	    let person = new Person("邓瑞", "xxx.com")

	    console.log("person", person)
	    console.log("web", person.web) //使用存取器 getter 获取私有属性
	    console.log("info", person.info())

	    person.web = "www.abc.com" //使用存取器 setter 设置私有属性
	    console.log("web", person.web)
	</script>
</body>
</html>

标签:ES6,name,web,私有,person,存取,属性
From: https://www.cnblogs.com/reaptem/p/18136200

相关文章

  • ES6对象object
    <!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metaname="viewport"content="width=device-width,initial-scale=1"> <title>ES6对象object</title></head><body> <......
  • ES6集合操作
    <!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metaname="viewport"content="width=device-width,initial-scale=1"> <title>ES6数组</title></head><body> <scrip......
  • ES6数组的操作
    <!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metaname="viewport"content="width=device-width,initial-scale=1"> <title>ES6数组</title></head><body> <scrip......
  • vscode使用ES6装饰器器语法
    1.react项目配置package.json需要安装npmi@babel/plugin-proposal-decorators可能需要重启项目{"babel":{"plugins":[["@babel/plugin-proposal-decorators",{"legacy":true}......
  • ES6基础
    1.实例代码<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metaname="viewport"content="width=device-width,initial-scale=1"> <title>DEMO</title></head><body> <......
  • ES6生成器,看似同步的异步流程控制表达风格
    本文分享自华为云社区《3月阅读周·你不知道的JavaScript|ES6生成器,看似同步的异步流程控制表达风格》,作者:叶一一。生成器打破完整运行JavaScript开发者在代码中几乎普遍依赖的一个假定:一个函数一旦开始执行,就会运行到结束,期间不会有其他代码能够打断它并插入其间。ES6引入......
  • AI 数据观 | 大模型私有化部署落地过程中,那些容易被忽视的“数据集成”难题
    时间进入2024年3月,这场由AI大模型引发的技术热潮仍未退却,且大有愈演愈烈之势。在过去一个月里,AI界动态也在不断刷新:Meta计划今年7月推出开源模型Llama3,阿里推出音频驱动的肖像视频生成框架EMO,英伟达最新发布的GPU芯片将AI性能提高1400%,OpenAI发布文生视频模型......
  • 打造个性化聊天机器人:用Ollama和Open WebUI搭建你的私有ChatGPT!
    一简介Ollama官网:https://github.com/ollama/ollamaOllama是一个开源的人工智能(AI)和机器学习(ML)工具平台,特别设计用于简化大型语言模型(LLM)的部署和使用流程。用户可以通过Ollama在本地环境中便捷地运行各种大型语言模型,比如Llama2和其他开源模型。该工具的主要优势和特......
  • 对类中std::vector私有成员进行更改
    本文是对 C++关于vector做返回值的引用细节 的延申问题一:使用vector作为函数返回值时,加&与不加&有什么区别在C++中,当函数返回一个vector时,可以选择在返回类型中使用引用(&)或者不使用引用的方式。这两种方式有一些区别,主要涉及到拷贝构造和性能。1.使用引用(&):std::vector<i......
  • 国产低功耗蓝牙芯片OM6650AM 支持蓝牙5.1协议栈与2.4GHz私有协议的双模军规级SoC芯片
    双模蓝牙是一种同时支持两种工作模式的蓝牙设备。常见的双模蓝牙设备包括同时支持传统蓝牙(ClassicBluetooth)和低功耗蓝牙(BluetoothLowEnergy,BLE)的设备。1、工作模式:双模蓝牙设备可以同时连接两个不同模式的设备,例如手机、平板等使用传统蓝牙连接,而智能手表、健身追踪器等使用......