js对象基础写法练习
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>工厂模式</title>
</head>
<body>
<script>
function createPerson(name,age){
var obj = new Object ();
obj.uname = name;
obj.age =age;
obj.showPerson= function(){
console.log(this.age);
console.log(this.uname);
}
return obj;
}
var man = new createPerson('ajia',23);
man.showPerson()
</script>
</body>
</html>
<script>
function createPerson(name,age){
this.uname = name;
this.age = age;
this.showPerson = function(){
console.log(this.uname);
console.log(this.age)
}
}
var obj = new createPerson('zjs',23);
obj.showPerson();
</script>
<meta charset="utf-8">
<script>
function createPeson(name,age){
this.name = name;
this.age = age;
this.showMf = function(){
this.name= 'aaa---';
console.log(this.name)
}
}
createPeson.prototype.showPerson = function(){
console.log(this.name);
console.log(this.age);
}
var obj = new createPeson('ajia',23);
obj.showPerson();
obj.showMf();
</script>
<meta charset="utf-8">
<script>
function createPerson(name,age){
this.name = name;
this.age = age;
//动态创建一个方法
if(typeof createPerson.doWork == 'undefined'){
createPerson.prototype.doWork = function(){
console.log(this.name+'---'+this.age+'---'+'在学习');
}
createPerson.doWork = true;
}
}
var person = new createPerson('zjs',23);
person.doWork();
console.log(createPerson.doWork)
var person1 = new createPerson('ajia',33);
person1.doWork();
console.log(createPerson.doWork)
</script>
<meta charset="utf8">
<script>
//继承1
function Parent(name){
this.name=name;
this.sayParent=function(){
console.log("Parent:"+this.name);
}
}
function Child(name,age){
this.tempMethod=Parent;
this.tempMethod(name);
this.age=age;
this.sayChild=function(){
console.log("Child:"+this.name+"age:"+this.age);
}
}
var c = new Child('zjs',23);
c.sayChild();
c.sayParent()
</script>
<meta charset="utf-8">
<script>
// 继承2
function Person(name,age,love){
this.name=name;
this.age=age;
this.love=love;
this.say=function say(){
console.log("姓名："+name);
}
}
//这里是call方法
function student(name,age){
Person.call(this,name,age);
}
// 这里是apply方法
function teach(name,love){
// Person.apply(this,[name,love]);
Person.apply(this,arguments);
}
//call与aplly的异同：
//1,第一个参数this都一样,指当前对象
//2,第二个参数不一样：call的是一个个的参数列表；apply的是一个数组（arguments也可以）
var t = new teach('mayun','baseketball');
t.say()
// var p = new Person('zjs',23,'nba');
// var s = new student('ajia',28);
// s.say();
</script>
<meta charset="utf-8">
<script>
//继承3
function Person(name,age){
this.name=name;
this.age=age;
}
Person.prototype.sayHello=function(){
console.log("使用原型得到Name："+this.name);
}
function Student(){}
Student.prototype=new Person("洪如彤",21);
var stu=new Student();
Student.prototype.grade=5;
Student.prototype.intr=function(){
console.log(this.grade);
}
stu.sayHello();//输出：使用原型得到Name:洪如彤
stu.intr();//输出：5
</script>
js对象基础写法练习的更多相关文章
- [JS] 面向对象的5种写法和拓展JS对象的写法
面向对象的JAVA 最开始当然是对象的定义了 收集了以下的五种写法 //第1种写法 function Circle(r) { this.r = r; } Circle.PI = 3.14159; C ...
- JS对象的写法
写法1: <script> var database = function () { function add(){ console.info("add"); } fu ...
- JS对象基础 闭包等
一.我们知道js的基本数据类型包括:number,boolen,string,null及undefined; 看下面的一段代码: var abcobject = { firstname:" ...
- JS对象基础
JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性 属性是与对象相关的值. 访 ...
- JavaScript基础精华02(函数声明，arguments对象，匿名函数，JS面向对象基础)
函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) { return i1 + i2;//如果不写return返回 ...
- javascript基础-js对象
一.js对象的创建 1.普通最简单的方式 var teacher = new Object( ); teacher.name = "zhangsan"; teacher.age = ...
- 认识JS的基础对象，定义对象的方法
JS的基础对象: 1.window //窗口对象 2.document //文档对象 3.document.documentElement //html对象 4.docume ...
- 前端（十七）—— jQuery基础：jQuery的基本使用、JQ功能概括、JS对象与JQ对象转换、Ajax简单应用、轮播图
jQuery的基本使用.JQ功能概括.JS对象与JQ对象转换.Ajax简单应用.轮播图 一.认识jQuery 1.什么是jQuery jQuery是对原生JavaScript二次封装的工具函数集合 j ...
- js 对象深复制，创建对象和继承
js 对象深复制,创建对象和继承.主要参考高级编程第三版,总结网上部分资料和自己的代码测试心得.每走一小步,就做一个小结. 1.对象/数组深复制 一般的=号传递的都是对象/数组的引用,如在控制台输入 ...
随机推荐
- OpenGL编程（一）渲染一个指定颜色的背景窗口
上次已经搭好了OpenGL编程的环境.已经成功运行了第一个程序.可只是照搬书上的代码,并没弄懂其中的原理.这次通过一个小程序来解释使用GLUT库编写OpenGL程序的过程. 程序的入口 与其他程序一样 ...
- bzoj5085: 最大 暴力 二分
Code: #include<cstdio> #include<algorithm> #include<cstring> #include<iostream& ...
- url链接打开本地应用（测试通过）
基于windows!! 类比mailto://XXXX 主要参考: https://www.cnblogs.com/snow365/p/6428212.html 应用 1.在网页上本地办公 网页应用越 ...
- lhgDialog使用--loading提示(不自动关闭)
使用lhgDialog时,发现有一个$.dialog.tips()方法可以实现loading样式的提示,但是存在默认关闭时间.方法如下图所示, 为了实现不自动关闭的方法,查看了相应的源码后,实现不关闭 ...
- [NOIP2013提高组]货车运输
题目:洛谷P1967.Vijos P1843.codevs3287. 题目大意:有n个城市m条道路,每条道路有一个限重,规定货车运货不能超过限重.有一些询问,问你两个城市之间一次最多能运多少重的货(可 ...
- easyui-combobox实现取值范围的联动
需求:需要用两个combobox来输入一个年月的范围,下拉框的内容从服务器获取.需要实现选中前者后,后者的下拉框中不能显示比前者数值小的:选中后者后,前者的下拉框内容不能显示比后者数值大的 有两个co ...
- C语言操作数截断
//测试截断 #include <stdio.h> int main() { int a = 0x80000001; unsigned int b = 0x80000001; printf ...
- 关于Android手机MTP模式连接的一些设置（win7和ubuntu下，以红米1s为例）
有些手机的MTP模式在电脑上识别不了,须要一些设置才干够,以下就网上收集来的一些设置方法集中贴过来: 一. win7下 參考:http://blog.ammrli.com/?p=1117 1.在设备管 ...
- ubuntu下安装RemixOS双系统(Android x86)
这篇文章主要讲在怎样在ubuntu下安装RemixOS pc版(Android x86版本号),下面两种做法的思路都适合安装不论什么版本号的Android x86版本号到ubuntu系统上,仅仅须要改 ...
- java-proxool 异常
使用 proxool,JDBC连接池,进行批量运行的时候遇到异常: The Thread responsible was named 'Thread-32′, but the last SQL it ...