JavaScript面向对象:创建对象
1.初级创建对象
var oCar=new Object;
oCar.color='red';
oCar.door=4;
oCar.map=3;
oCar.showColor=function () {
// body...
alert(this.color);
}
console.log(oCar);
缺点:需要创建多个Car实例
2.工厂函数创建对象
function showColor(){
alert(this.color)
}
function createCar(sColor,iDoors,iMpg) {
var oTempCar=new Object;
oTempCar.color=sColor;
oTempCar.door=iDoors;
oTempCar.mpg=iMpg;
oTempCar.showColor=showColor;
return oTempCar;
}
var oCar1=createCar('red',2,23);
oCar1.showColor();
缺点:看起来不像是对象的方法
3.构造函数创建对象
function Car(sColors,iDoors,iMpg) {
// body...
this.color=sColors;
this.iDoors=iDoors;
this.iMpg=iMpg;
this.showColor=function(){
alert(this.color);
}
} var oCar1=new Car('red',4,23);
var oCar2=new Car('blue',5,24)
优点:内部不需要创建对象,this直接可以访问; 缺点:会重复生成函数
4.原型方式创建对象
function Car() {
// body...
}
Car.prototype.color='red';
Car.prototype.doors=4;
Car.prototype.mpg=23;
Car.prototype.drivers=['wang','xia'];
Car.prototype.showColor=function(){
alert(this.color);
} var oCar1=new Car();
var oCar2=new Car(); oCar1.drivers.push('yun'); console.log(oCar2.drivers);
缺点:没有参数,属性指向对象,对象共享,Car1修改,Car2也会跟着修改
5.混合构造/原型方式
function Car(sColor,iDoor,iMpg) {
this.color=sColor;
this.doors=iDoor;
this.mpg=iMpg;
this.drivers=new Array("Mike","Sue");
} Car.prototype.showColor=function(){
alert(this.color)
} var oCar1=new Car('red',4,23);
var oCar2=new Car('blue',5,24); oCar1.drivers.push('yun');
console.log(oCar1.drivers);
console.log(oCar2.drivers);
构造函数定义非函数属性;原型定义函数属性
6.动态原型方式
function Car(sColor,iDoor,iMpg){
this.color=sColor;
this.door=iDoor;
this.mpg=iMpg;
this.driver=new Array('Mike','Sue'); if(typeof Car._initialized=="undefined"){
Car.prototype.showColor=function(){
alert(this.color);
}
} Car._initialized=true;
}
JavaScript面向对象:创建对象的更多相关文章
- Javascript面向对象——创建对象、构造函数的原型
Javascript面向对象--创建对象.构造函数的原型 其实:JavaScript中的创建类,就是创建一个构造函数,在创建对象时用到new这个关键字, 一.创建对象 1.函数创建对象 functio ...
- JavaScript学习笔记(三)——this、原型、javascript面向对象
一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化, ...
- JavaScript学习总结(三)——this、原型、javascript面向对象
一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化, ...
- javascript面向对象系列第四篇——选项卡的实现
前面的话 面向对象的应用并非只是读几本书那么容易,需要有大量的工程实践做基础才能真正理解并学会使用它.本文将用面向对象的技术来制作一个简单的选项卡 图示说明 由图示结果看到,这是一个非常简单的选项卡. ...
- javascript面向对象系列第三篇——实现继承的3种形式
× 目录 [1]原型继承 [2]伪类继承 [3]组合继承 前面的话 学习如何创建对象是理解面向对象编程的第一步,第二步是理解继承.本文是javascript面向对象系列第三篇——实现继承的3种形式 [ ...
- javascript面向对象系列第一篇——构造函数和原型对象
× 目录 [1]构造函数 [2]原型对象 [3]总结 前面的话 一般地,javascript使用构造函数和原型对象来进行面向对象编程,它们的表现与其他面向对象编程语言中的类相似又不同.本文将详细介绍如 ...
- 【转】javascript面向对象编程
摘要:本文本来是想自己写的,奈何花了好长时间写好之后忘记保存,还按了刷新键,一键回到解放前,索性不写了,所以本文是转载的. 面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化. ...
- JavaScript 面向对象(二) —— 案例篇
看案例前可以先看看基础篇:JavaScript 面向对象(一) —— 基础篇 案例——面向对象的选项卡:把面向过程的程序一步步改成面向对象的形式,使其能够更加的通用(但是通用的东西,一般会比较臃肿). ...
- JavaScript 面向对象(一) —— 基础篇
学好JS的面向对象,能很大程度上提高代码的重用率,像jQuery,easyui等,这篇博客主要从细节上一步步讲JS中如何有效地创建对象,也可以看到常见的创建对象的方式,最后也会附上一些JS面向对象的案 ...
随机推荐
- 聊聊多线程哪一些事儿(task)之 三 异步取消和异步方法
hello,咋们又见面啦,通过前面两篇文章的介绍,对task的创建.运行.阻塞.同步.延续操作等都有了很好的认识和使用,结合实际的场景介绍,这样一来在实际的工作中也能够解决很大一部分的关于多线程的业务 ...
- ajax异步发送时遇到的问题
问题原因是:controller中方法名与url中的名字不一样造成的 解决办法:找到错误的方法名,将其与url中的方法名统一:
- 银川区域赛 H道路与航线(原题啊)
按照<算法竞赛进阶指南>写的 哦对了,注意下最后判断,因为开始拓扑的时候,s可能不在里边,所以不一定等于INF,而是应该大于等于INF #include<cstring> #i ...
- 超详细!如何利用Huginn制作专属RSS
前言 本文首发于个人网站,欢迎订阅.本篇博文接上利用Feed43为网站自制RSS源,上一篇讲解了RSS的简介以及利用Feed43自制专属RSS,Feed43有其优势,缺陷也很明显,不能高度自定义.有的 ...
- $CH$3801 $Rainbow$的信号 期望+位运算
正解:位运算 解题报告: 传送门! 其实就是个位运算,,,只是顺便加了个期望的知识点$so$期望的帕并不难来着$QwQ$ 先把期望的皮扒了,就直接分类讨论下,不难发现,答案分为两个部分 $\left\ ...
- 毕业两年半,入手人生第一款macbook pro
当程序员入手第一款macbook 大家好,我是灰大狼,你们可以叫我灰狼.大狼.甚至是小灰灰. 接下来我主要跟大家分享下作为程序员的我,刚入手一款mac的使用心得. 背景 做程序员三年了,一直用的都是w ...
- Callable,阻塞队列,线程池问题
一.说说Java创建多线程的方法 1. 通过继承Thread类实现run方法 2. 通过实现Runnable接口 3. 通过实现Callable接口 4. 通过线程池获取 二. 可以写一个Call ...
- spring之为什么要使用AOP(面向切片编程)?
需求1-日志:在程序执行期间追踪正在发生的活动: 需求2-验证:希望计算器只处理正数的运算: 一.普通方法实现 Calculator.java package com.gong.spring.aop. ...
- 图解kubernetes调度器SchedulingQueue核心源码实现
SchedulingQueue是kubernetes scheduler中负责进行等待调度pod存储的对,Scheduler通过SchedulingQueue来获取当前系统中等待调度的Pod,本文主要 ...
- Go 每日一库之 cobra
简介 cobra是一个命令行程序库,可以用来编写命令行程序.同时,它也提供了一个脚手架, 用于生成基于 cobra 的应用程序框架.非常多知名的开源项目使用了 cobra 库构建命令行,如Kubern ...