当前位置:首页 » 《随便一记》 » 正文

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

16 人参与  2022年11月07日 10:20  分类 : 《随便一记》  评论

点击全文阅读


1、面向对象思想 

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

2、构造对象方式:

  <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过程 ===实例化过程
 <script>        function CreateObj(name){            //自动构建一个对象            this.name = name            this.material = []            this.cook = function(){            }            //自动返回一个对象        }        new CreateObj("小笼包")//new过程 ===实例化过程        //实例对象已经生成  </script>
当new CreateObj("小笼包")时,这个实例对象已经生成了,new过程就是实例化过程,此时这个this指向的就是这个实例对象,当我们把这个实例对象赋值给一个变量时,也可以说this指向的是这个变量:
var obj = new createObj("小笼包")//new过程 ===实例化过程


点击全文阅读


本文链接:http://zhangshiyu.com/post/47188.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1