一:从原型对象生成实例对象
首先建立生成实例对象的原始模型,然后根据原始对象的模型生成实例对象
例如原型对象
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可能探讨了JavaScript的基础语法、函数、面向对象编程、闭包、原型链、异步编程(Promise、async/await)等主题,并分享了实际项目中的应用案例。 【CSS】是层叠样式表,用于描述HTML或XML...
- **面向对象编程**:采用OOP的思想,使得开发过程更加规范,代码可重用性高。 - **强大的数据处理能力**:支持多种数据格式,并能方便地与数据进行交互。 - **内置动画效果**:提供了一系列预定义的动画效果,提升...
Java作为一门成熟的编程语言,以其跨平台、面向对象、安全性高等特点,被广泛应用于企业级开发中。SpringBoot作为Spring开源框架的分支,它简化了基于Spring的应用开发过程,通过自动配置简化了项目搭建以及开发过程...
JS 的面向对象 Vue 的逻辑代码复用方案 为何我反对使用 flex: 1 简写 如何判断是否点击在元素内部 从 cc._decorator 中学习 ts 装饰器 服务端渲染 SSR 梳理 随笔感想 闲谈 css 的 float 读《面向前端的设计规范-文字...
Java是一种多用途、面向对象的编程语言,因其跨平台性、稳定性和高效性能而被广泛应用于服务器端开发。在这个驴友社交系统中,服务端可能采用了Spring Boot框架,这是一个由Pivotal团队维护的轻量级框架,可以简化...
Java是一种广泛使用的面向对象的编程语言,适用于各种应用场景,包括桌面应用、Web应用和移动应用(尤其是Android平台)。Java以其“写一次,到处运行”的特性而闻名,它有强大的社区支持和丰富的开源库。 “分享”...
4. 函数和对象:JavaScript中的基本语法和面向对象编程。 5. 轮播图、计时器、动画效果等常见交互功能的实现。 通过研究这个博客源码,开发者可以了解到一个完整的静态网站的构建过程,学习到前端开发的实际应用,...
Extjs是由Sencha公司开发的一套富前端JavaScript框架,以面向对象的方式提供了一套丰富的UI组件库,能够帮助开发者快速构建出界面华丽、交互丰富的Web应用程序。 从提供的内容中,可以发现作者在使用Extjs开发过程...
1. **Spring框架**:Spring是核心容器,提供了依赖注入(Dependency Injection, DI)和面向切面编程(Aspect-Oriented Programming, AOP)功能。DI使得对象间的依赖关系不再硬编码,而是通过配置文件或注解来决定,...