尚学堂js面向对象开发 (五)两种创建对象的方式(工厂方式,构造方法)
来源:互联网 发布:js实现图片轮播 编辑:程序博客网 时间:2024/05/16 23:49
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type=text/javascript charset=utf-8>
/*
var obj = new Object(); // var obj = {};
obj.name = 'z3';
obj.sex = '男';
obj.sayName = function(){alert('我是张三!')};
*/
// 类的概念
// 第一种形式 工厂模型
/*
function createPerson(name , sex , age){
var obj = new Object();
obj.name = name ;
obj.sex = sex ;
obj.age = age ;
obj.sayName = function(){
alert(this.name);
}
return obj;
}
var p1 = createPerson('z3' , '男' , 20);
var p2 = createPerson('z4' , '女' , 25);
//alert(p1.sex);
p1.sayName();
*/
// 第二中形式 构造函数式 new Array new Date
// 函数的第一个字母大写 (类的模版)
function Person(name , age , sex){
this.name = name ;
this.age = age ;
this.sex = sex ;
this.sayName = function(){
alert(this.name);
}
}
//构造一个对象 new关键字 传递参数 执行模版代码 返回对象
/*
var p1 = new Person('小1' , 20 , '男');
var p2 = new Person('小2' , 21 , '女');
//alert(p1.name);
//p1.sayName();
//alert(p1 == p2); //类的概念:根据模版创建出不同的实例对象
//alert(p1.constructor == Person);
//alert(p2.constructor == Person);
alert(p1 instanceof Person);
alert(p1 instanceof Object);
*/
//创建对象的方式:
// 1当作构造函数去使用 :
var p1 = new Person('小1' , 20 , '男');
// 2作为普通的函数去调用
Person('小2' , 25 , '男');//在全局环境里定义属性并复制 直接定义在window上
//alert(name);
// 3在另一个对象的作用域中调用
var o = new Object();
// call applly
Person.call(o,'小4' , 12 , '女');
alert(o.name);
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type=text/javascript charset=utf-8>
/*
var obj = new Object(); // var obj = {};
obj.name = 'z3';
obj.sex = '男';
obj.sayName = function(){alert('我是张三!')};
*/
// 类的概念
// 第一种形式 工厂模型
/*
function createPerson(name , sex , age){
var obj = new Object();
obj.name = name ;
obj.sex = sex ;
obj.age = age ;
obj.sayName = function(){
alert(this.name);
}
return obj;
}
var p1 = createPerson('z3' , '男' , 20);
var p2 = createPerson('z4' , '女' , 25);
//alert(p1.sex);
p1.sayName();
*/
// 第二中形式 构造函数式 new Array new Date
// 函数的第一个字母大写 (类的模版)
function Person(name , age , sex){
this.name = name ;
this.age = age ;
this.sex = sex ;
this.sayName = function(){
alert(this.name);
}
}
//构造一个对象 new关键字 传递参数 执行模版代码 返回对象
/*
var p1 = new Person('小1' , 20 , '男');
var p2 = new Person('小2' , 21 , '女');
//alert(p1.name);
//p1.sayName();
//alert(p1 == p2); //类的概念:根据模版创建出不同的实例对象
//alert(p1.constructor == Person);
//alert(p2.constructor == Person);
alert(p1 instanceof Person);
alert(p1 instanceof Object);
*/
//创建对象的方式:
// 1当作构造函数去使用 :
var p1 = new Person('小1' , 20 , '男');
// 2作为普通的函数去调用
Person('小2' , 25 , '男');//在全局环境里定义属性并复制 直接定义在window上
//alert(name);
// 3在另一个对象的作用域中调用
var o = new Object();
// call applly
Person.call(o,'小4' , 12 , '女');
alert(o.name);
</script>
</head>
<body>
</body>
</html>
0 0
- 尚学堂js面向对象开发 (五)两种创建对象的方式(工厂方式,构造方法)
- JavaScript——创建对象的五种方式分析(工厂模式 原型 构造函数)
- JS面向对象的几种创建方式:工厂模式、构造函数模式、原型模式、混合模式、动态原型模式
- 面向对象 创建对象的两种方式
- Android中OnClick的五种实现方式 ---------------------- (来源于尚学堂的尧玮老师)
- js 创建对象的三种方式——工厂模式、构造函数模式、原型模式
- js中面向对象(创建对象的几种方式)
- js中创建对象是,工厂方式与构造函数方式中this的区别
- js中创建对象时,工厂方式与构造函数方式中this的区别
- 面向对象--工厂方式和构造函数
- JavaScript中常见的几种创建对象的方式:基于对象扩充属性和方法、基于工厂方式创建对象、基于构造函数和基于原型
- JS中定义对象方式二: 使用工厂方式创建对象(传递参数,及其改进方法)
- js创建对象的两种常用方式
- 简单理解js面向对象工厂方式
- JS中定义对象方式二: 使用工厂方式创建对象(无参数传递)
- Js初学笔记之<创建对象的五种方式>
- JS的面向对象-工厂方式-原型-继承
- js对象的创建方式(小记)
- Dijkstra堆优化
- 管道命令
- linux 磁盘分区
- 初涉java(swing常用组件及绘图原理)
- C语言位运算符
- 尚学堂js面向对象开发 (五)两种创建对象的方式(工厂方式,构造方法)
- hdu1039Easier Done Than Said?
- 求大数n,m下组合数C(n+m,m)%Mod
- Clickonce 发布后,无法下载
- 安卓中Window的概念
- Nginx配置proxy_pass
- PAT (Advanced Level) Practise 1008 Elevator
- CCF-201503-1-图象旋转
- UI层自动化测试框架(二):Appium基础