`

JS 面向对象随笔

阅读更多
一:从原型对象生成实例对象

首先建立生成实例对象的原始模型,然后根据原始对象的模型生成实例对象

例如原型对象
var item= {
    name : '';
    price : '';
  }
最简单的封装,把属性封装在对象里面
   var item1={};
  item1.name = "铅笔";
     item1.price = 5;// 按照原型对象的属性赋值

二:原始模式的改进
function item(name,price) {
    return {
      name:name;
      price:price;
    }
  }
然后生成实例对象,就等于是在调用函数
var item1 = item("铅笔","5");

这种模式短处是实例对象之间没有内在的联系,不能反映出它们是同一个原型对象的实例

三:构造函数其实就是一个普通函数,但是内部使用了this变量。对构造函数使用new运算符,就能生成实例,并且this变量会绑定在实例对象上。

例原型:function item(name,price){
                   this.name=name;
                   this.price=price;  
                } 
实例:var item1 = new item('铅笔',5);
console.log(item1)===>输出为{name:铅笔,price:5}



分享到:
评论

相关推荐

    dahong:个人技术随笔

    在这个随笔中,Dahong可能探讨了JavaScript的基础语法、函数、面向对象编程、闭包、原型链、异步编程(Promise、async/await)等主题,并分享了实际项目中的应用案例。 【CSS】是层叠样式表,用于描述HTML或XML...

    Ext相关随笔

    - **面向对象编程**:采用OOP的思想,使得开发过程更加规范,代码可重用性高。 - **强大的数据处理能力**:支持多种数据格式,并能方便地与数据进行交互。 - **内置动画效果**:提供了一系列预定义的动画效果,提升...

    002-java精品项目-基于ssm的个人博客系统.rar

    Java作为一门成熟的编程语言,以其跨平台、面向对象、安全性高等特点,被广泛应用于企业级开发中。SpringBoot作为Spring开源框架的分支,它简化了基于Spring的应用开发过程,通过自动配置简化了项目搭建以及开发过程...

    demo-preview:永恒君的博客+案例仓库

    JS 的面向对象 Vue 的逻辑代码复用方案 为何我反对使用 flex: 1 简写 如何判断是否点击在元素内部 从 cc._decorator 中学习 ts 装饰器 服务端渲染 SSR 梳理 随笔感想 闲谈 css 的 float 读《面向前端的设计规范-文字...

    Java驴友社交系统.zip

    Java是一种多用途、面向对象的编程语言,因其跨平台性、稳定性和高效性能而被广泛应用于服务器端开发。在这个驴友社交系统中,服务端可能采用了Spring Boot框架,这是一个由Pivotal团队维护的轻量级框架,可以简化...

    blog:Sunrisenew博客

    Java是一种广泛使用的面向对象的编程语言,适用于各种应用场景,包括桌面应用、Web应用和移动应用(尤其是Android平台)。Java以其“写一次,到处运行”的特性而闻名,它有强大的社区支持和丰富的开源库。 “分享”...

    ztygalaxy.github.io:张天宇的博客

    4. 函数和对象:JavaScript中的基本语法和面向对象编程。 5. 轮播图、计时器、动画效果等常见交互功能的实现。 通过研究这个博客源码,开发者可以了解到一个完整的静态网站的构建过程,学习到前端开发的实际应用,...

    Extjs 几个方法的讨论

    Extjs是由Sencha公司开发的一套富前端JavaScript框架,以面向对象的方式提供了一套丰富的UI组件库,能够帮助开发者快速构建出界面华丽、交互丰富的Web应用程序。 从提供的内容中,可以发现作者在使用Extjs开发过程...

    smbms管理类项目

    1. **Spring框架**:Spring是核心容器,提供了依赖注入(Dependency Injection, DI)和面向切面编程(Aspect-Oriented Programming, AOP)功能。DI使得对象间的依赖关系不再硬编码,而是通过配置文件或注解来决定,...

Global site tag (gtag.js) - Google Analytics