ES6面向对象思想和构造对象方式

news/2024/7/11 2:01:20 标签: javascript, 开发语言, ecmascript, 前端, es6

1、面向对象思想 

  • 首先,我们要明确,面向对象不是语法,是一种思想,是一种编程模式
  • 面向:面(脸),向(朝着)
  • 面向过程:脸朝着过程=> 关注着过程的编程模式
  • 面向对象:脸朝着对象=> 关注着对象的编程模式
  • 实现一个效果:
  •        在面向过程的时候,我们要关注每一个元素,每一个元素之间的关系,顺序...
  •        在面向对象的时候,我们要关注的就是找到一个对象来帮我做这个事情,我等待结果
  • 我们以前的编程思想是,每一个功能,都按照需求一步一步的逐步完成

2、构造对象方式:

javascript">  <script>
        function CreateObj(name){
            //自动构建一个对象
            this.name = name
            this.material = []
            this.cook = function(){

            }
            //自动返回一个对象
        }
        let obj1 = new CreateObj("小笼包")//构造一个函数
        console.log(obj1)
  </script>

结果:

解释说明:用new + 函数名的方式:前面一个new,这个函数就叫做构造函数,这个函数可以自动创建一个对象出来,也会自动返回一个对象,对象返回值也是对象。

注意点:

  • 构造函数函数名首字母大写;
  • 构造函数不写return;
  • this指向new 构造函数后生成的对象,当把这个对象赋值给变量,这个this也可以认为指向这个变量;
  • new过程 ===实例化过程
javascript"> <script>
        function CreateObj(name){
            //自动构建一个对象
            this.name = name
            this.material = []
            this.cook = function(){

            }
            //自动返回一个对象
        }
        new CreateObj("小笼包")//new过程 ===实例化过程
        //实例对象已经生成
  </script>
  • 当new CreateObj("小笼包")时,这个实例对象已经生成了,new过程就是实例化过程,此时这个this指向的就是这个实例对象,当我们把这个实例对象赋值给一个变量时,也可以说this指向的是这个变量:
javascript">var obj = new createObj("小笼包")//new过程 ===实例化过程


http://www.niftyadmin.cn/n/3836.html

相关文章

Javase --- 多线程复习

Java 多线程 程序 静态文件 程序 启动以后以 进程方式在 操作系统驻留 进程 &#xff08;可以看见&#xff09; 程序运行过程中 在操作系统内存中一个一个的实例。进程之间 独立存储 独立管理的 彼此是隔离的。程序 在 运行过程 中 至少有一个 进程与之对应 取决于 设计方式…

【Pytorch Lighting】第 7 章:半监督学习

&#x1f50e;大家好&#xff0c;我是Sonhhxg_柒&#xff0c;希望你看完之后&#xff0c;能对你有所帮助&#xff0c;不足请指正&#xff01;共同学习交流&#x1f50e; &#x1f4dd;个人主页&#xff0d;Sonhhxg_柒的博客_CSDN博客 &#x1f4c3; &#x1f381;欢迎各位→点赞…

基于JAVA农产品的物流信息服务平台计算机毕业设计源码+系统+mysql数据库+lw文档+部署

基于JAVA农产品的物流信息服务平台计算机毕业设计源码系统mysql数据库lw文档部署 基于JAVA农产品的物流信息服务平台计算机毕业设计源码系统mysql数据库lw文档部署本源码技术栈&#xff1a; 项目架构&#xff1a;B/S架构 开发语言&#xff1a;Java语言 开发软件&#xff1a;…

联邦学习--记录

简介 联邦学习&#xff08;Federated Learning&#xff09;是一种新兴的人工智能基础技术&#xff0c;其设计目标是在保障大数据交换时的信息安全、保护终端数据和个人数据隐私、保证合法合规的前提下&#xff0c;在多参与方或多计算结点之间开展高效率的机器学习。其中&#…

Vue3 你可能忽略的 v-model 的巧用

前言&#xff1a;目前已经使用 Vue3 开发已经四个多月了&#xff0c;常用的一些机制自己确信已经玩的很明白了&#xff0c;但是在这周里看到同事的一个组件设计&#xff0c;用到了 V-model这个机制&#xff0c;给我一种恍然大悟&#xff0c;相见恨晚的感觉&#xff0c;为什么自…

【机器学习大杀器】Stacking堆叠模型-English

1. Introduction The stacking model is very common in Kaglle competitions. Why? 【机器学习大杀器】Stacking堆叠模型&#xff08;English&#xff09; 1. Introduction 2. Model 3: Stacking model 2.1 description of the algorithms: 2.2 interpretation of the es…

《嵌入式 - 嵌入式大杂烩》CoreMark性能测试

1 CoreMark简介 CoreMark是由EEMBC(Embedded Microprocessor Benchmark Consortium)的Shay Gla-On于2009年提出的一项基准测试程序&#xff0c;CoreMark的主要目标是简化操作&#xff0c;并提供一套测试单核处理器核心的方法。测试标准是在配置参数的组合下单位时间内运行的Co…

SpringBoot中使用cookie和Session实现七天免密登录

文章目录1、是什么&#xff1f;2、解决了什么问题&#xff1f;3、怎么用&#xff1f;4、代码实现4.1、给客户端生成对应的Session&#xff0c;并返回Cookie到浏览器4.2、通过客户端浏览器提交上来的cookie&#xff0c;找到对应的Session内容5、使用APIPost测试&#xff0c;可以…