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.对象/数组深复制 一般的=号传递的都是对象/数组的引用,如在控制台输入 ...
随机推荐
- PostgreSQL Replication之第二章 理解PostgreSQL的事务日志（2）
2.2 XLOG和复制 在本章中,您已经了解到PostgreSQL的事务日志已经对数据库做了所有的更改.事务日志本身被打包为易用的16MB段. 使用这种更改集来复制数据的想法是不牵强的.事实上,这是在 ...
- html局部页面打印
1.局部打印函数. function preview(oper) { if (oper < 10) { bdhtml=window.document.body.innerHTML;//获取当前页 ...
- 不再安全的 OSSpinLock
自旋锁的本质是持续占有cpu,直到获取到资源.与其他锁的忙等待的实现机制不同. 昨天有位开发者在 Github 上给我提了一个 issue,里面指出 OSSpinLock 在新版 iOS 中已经不能再 ...
- vue中的三级联动
1.template里面的内容 2.js里面的内容 3.函数怎么写? 这是一个省市区的三级联动,首先你要传递中国的id,这样才能获取到所有的省份,所以在vue的项目中,我需要发一次进页面就请求(来得到 ...
- hdu 5412 CRB and Queries(整体二分）
题意 动态区间第k大 (n<=100000,m<=100000) 题解 整体二分的应用. 与静态相比差别不是很大.(和CDQ还有点像)所以直接上代码. #include<iostre ...
- 【J-meter】正则表达式提取
当获取的值中含有折行,可采用下面的办法解决:
- 使用SVN+Axure RP 8.0创建团队项目
一.使用到的工具:VisualSVN Server --SVN服务器:https://www.visualsvn.com/server/ Axure RP 8.0 :http://www.downc ...
- UVALive 2659 数独 DLX模板
建图: 从1到16枚举所有的行.列上放的数. 代码: #include <iostream> #include <cstdio> #include <cstring> ...
- KM最大匹配 HDU 2255
KM算法详解+模板 - wenr - 博客园 http://www.cnblogs.com/wenruo/p/5264235.html #include<iostream> #inclu ...
- 浏览器下载img标签Base64图片
https://blog.csdn.net/qq_42076140/article/details/82113622 原文地址 <a href="javascript:downl ...