Javascript 对象的创建和属性的判定
1. 创建对象的方法：
直接使用new 对Object对象进行操作，即对Object 对象进行实例化
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
var obj = new Object();
obj.userName = "huanying2015";
obj.showName = function() {
return this.userName;
}
console.log(obj.userName);
</script>
</head>
<body>
</body>
</html>
运行结果：
2.直接创建一个对象：使用大括号包裹起来，在其中写属性和方法
<script>
var obj = {
userName: 'huanying2015',
showName: function() {
return this.userName;
}
}
console.log(obj.showName());
</script>
运行结果：
3.使用工厂模式创建对象：设置一个函数，每次调用都会创建一个函数，开辟一个内存空间，每次调用都会开辟不同的空间，各个空间都不相同，互不干扰；在最后返回这个在构造函数中创建的对象
<script>
function creatObj(uName) {
var o = new Object();
o.userName = uName;
o.showName = function() {
return this.userName;
}
return o;
}
var OT1 = new creatObj('孙权');
var OT2 = new creatObj('刘备');
var OT3 = new creatObj('曹操');
console.log(OT1.showName()); //孙权
console.log(OT2.showName()); //刘备
console.log(OT3.showName()); //曹操
OT3.userName = '曹丕';
console.log(OT1.showName()); //孙权
console.log(OT2.showName()); //刘备
console.log(OT3.showName()); //曹丕
</script>
运行结果：
4. 使用构造函数的方式，创建对象：和工厂模式有点类似，也有差异，工厂模式是：每次调用，都对Object对象实例化一次，然后返回这个实例化的对象；构造函数模式是：调用一次，即是得到构造函数的一个实例
<script>
function createObj(uName) {
this.userName = uName;
this.showName = function() {
return this.userName;
}
}
var OT1 = new createObj("huanying2015");
var OT2 = new createObj("alhouha");
console.log(OT1.showName()); //huanying2015
console.log(OT2.showName()); //alhouha
console.log(OT1.showName === OT2.showName); //false 两个函数虽然都是showName ,但是他们出现在不同的对象，
// 而函数是地址，他们在不同的对象中，所以也就是在不同的地址中，所以结果为false
</script>
运行结果：
5. 使用函数的原型对象创建函数：其实是在构造函数的原型对象上增减方法，调用实例时，通过原型链都调用原型对象上的方法，
<script>
function createObj(uName) {
this.userName = uName;
}
createObj.prototype.showName = function() {
return this.userName;
}
var OT1 = new createObj("huanying2015");
var OT2 = new createObj("alhouha");
console.log(OT1.showName()); //huanying2015
console.log(OT2.showName()); //alhouha
console.log(OT1.showName === OT2.showName); //true 两个函数都是原型对象上的，所以结果为true
console.log(OT1.__proto__ == createObj.prototype); //true 因为实例的隐式原型属性__proto__指向构造函数的原型对象
console.log(OT2.__proto__ == createObj.prototype); //true 因为实例的隐式原型属性__proto__指向构造函数的原型对象
console.log(createObj.prototype.__proto__ == Object.prototype); //true 因为构造函数的原型对象上的隐式原型属性，指向Object对象的原型对象
console.log(Object.prototype.__Proto__ == null); // true 因为Object 对象的原型对象上的隐式原型属性__proto__指向null
</script>
运行结果：
6. 判断一个方法是否是实例本身的：hasOwnProperty()
<script>
function createObj() {
this.userName = "huanying2015";
}
createObj.prototype.userName = "aluoha";
createObj.prototype.guestName = "代号：猎鹰行动";
var obj1 = new createObj();
var obj2 = new createObj();
console.log(obj1.userName); //huanying2015
console.log(obj2.userName); //huanying2015
console.log(obj1.guestName); //代号：猎鹰行动 // 要判断一个属性或方法是否是实例本省的， 使用函数： hasOwnProperty(); console.log(obj1.hasOwnProperty("userName")); // true 因为userName 是实例上的方法，所以返回true ，在原型链中，根据就近原则进行查找
console.log(obj1.hasOwnProperty("guestName")); // false 因为guestName 不是实例上的方法，而是原型上的方法，所以返回false
</script>
运行结果：
7. in 操作符：如果一个属性或者方法在实例上或者在原型上，则返回true,否则返回false
<script>
//in:如果一个属性在实例或者原型对象(prototype), 返回true
console.log('toString' in Object.prototype); //true 原型对象上可以调用 toString
console.log('toString' in Object); // true 实例可以调用 toString
console.log('valueOf' in Object.prototype); // true 原型对象上可以调用 valueOf
console.log('hasOwnProperty' in Object.prototype); //true 原型对象上可以调用 hasOwnProperty console.log(Object.prototype); var obj = {
userName: "huanying2015",
}
console.log('userName' in obj); // true 属性在实例上，所以为true
console.log('guestName' in obj); // false 属性不在实例上，所以为false function createObj() {
this.userName = "huanying2015";
}
createObj.prototype.guestName = "aluoha";
var OT = new createObj();
console.log('guestName' in OT); // true 属性在构造函数的原型对象上，所以为true
</script>
运行结果：
8. 判断一个属性是否在原型对象上：使用hasOwnProperty 和 in 来创建函数
<script>
// 有两个函数可以选择，一个是 hasOwnProperty(),判断是否在实例上；一个是 in ,判断属性是否在实例或者原型对象上
// 业务逻辑：先使用hasOwnProperty 判断，如果返回true，说明这个属性在实例上；但是我们要判定的是属性是否在原型对象上，所以要先把实例上的属性给删除掉
// 然后在用 in 来循环，因外之前已经删除了实例上的属性，如果此时判定结果为true，则在原型对象上；如果返回false,则说明不在原型对象上了
function hasprototypeProperty(obj, name) {
var catchObj = {};
if (obj.hasOwnProperty(name)) { // 如果实例上有
catchObj[name] = obj[name]; // 把实例上的属性存入缓存
delete obj[name]; //清除实例上的属性
if (name in obj) { // 在针对确认原型上有没有，如果有
obj[name] = catchObj[name]; //因为刚才清除了实例上的属性，为了不改变对象，现在进行恢复实例上的属性
return true; //说明原型对象上也有改属性，则返回true
} else {
obj[name] = catchObj[name]; //因为刚才清除了实例上的属性，为了不改变对象，现在进行恢复实例上的属性
return false; // 说明原型对象上没有改属性，则返回false
}
} else { //另一方面，如果实例上没有，则对原型对象进行循环遍历
if (name in obj) { // 如果循环为真，这说明属性在原型对象上
return true; // 返回true
} else { // 如果循环为假，则说明属性不在原型对象上，
return false; // 返回false
}
}
} function createObj() {
this.userName = "huanying2015";
this.guestName = "aluoha"; this.show = function() {
return this.userName;
}
}
createObj.prototype.userName = "huanying2015";
createObj.prototype.helloName = "nihaome";
var obj = new createObj();
console.log(hasprototypeProperty(obj, "userName")); // true 原型对象种有这个属性 ----实例有，原型对象上也有，所以返回true
console.log(hasprototypeProperty(obj, "helloName")); //true 原型对象中有这个属性 ----实例无，原型对象上有，所以返回true
console.log(hasprototypeProperty(obj, "guestName")); //false 原型对象中没有这个属性----实例有，原型对象上无，所以返回false console.log(obj.userName); // huanying2015
console.log(obj.guestName); //aluoha
console.log(obj);
</script>
运行结果：
Javascript 对象的创建和属性的判定的更多相关文章
- 深入理解javascript对象系列第二篇——属性操作
× 目录 [1]查询 [2]设置 [3]删除[4]继承 前面的话 对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对 ...
- JavaScript 对象的创建
Object类型是JavaScript中使用最多的一种类型.创建Object实例的方式有多种,接下来一一列举. 1. Object构造函数 person1的friends属性修改影响了person2的 ...
- JavaScript对象的创建之基于原型方式
原型内存模型介绍 原型是javascript中非常特殊的一个对象,当一个函数创建之后,会随之就产生一个原型对象. 当通过这个函数的构造函数创建一个具体的对象之后,在这个具体的对象中就会有一个属性指向原 ...
- JavaScript对象的创建之使用json格式定义
json: javascript simple object notation. json就是js的对象,但是它省去了xml中的标签,而是通过{}来完成对象的说明. 定义对象 var person = ...
- JavaScript对象的创建
原文 简书原文:https://www.jianshu.com/p/6cb1e7b7e379 大纲 前言 1.简单方式创建对象的方法 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对 ...
- JavaScript 对象的创建和操作
<script> // 对象是属性的无序集合,每个属性都是一个名/值对. 属性名称是一个字符串. // 对象种类 // 内置对象(nativ ...
- JavaScript对象的两类属性（数据属性与访问器属性）
对JavaScript来说,属性并非只是简单的名称和值,JavaScript用一组特征(attribute)来描述属性 (property). 第一类属性数据属性具有四个特征. value:就是属性的 ...
- JavaScript 对象的创建和对6种继承模式的理解和遐想
JS中总共有六种继承模式,包括原型链.借用构造函数.组合继承.原型式继承寄生式继承和寄生组合式继承.为了便于理解记忆,我遐想了一个过程,对6中模式进行了简单的阐述. 很长的一个故事,姑且起个名字叫 ...
- JavaScript对象的创建之基于构造方法+原型方式
为了解决原型所带来的问题,此处需要通过组合构造方法和原型来实现对象的创建,将属性在构造方法中定义,将方法在原型中定义.这种有效集合了两者的优点,是目前最为常用的一种方式. function Perso ...
随机推荐
- VS2008--VS2013 各种版本官方下载地址
很多刚入门的学生都不知道从哪里下载Visual studio 编译器 , 我特闲的纯手工整理了下 Visual Studio 2005 Professional 官方90天试用版 英文版:http:/ ...
- 无法定位序数****于动态链接库LIBEAY32.dll上
问题出现原因: GNS3打开出现问题 尝试的方法如下: 创建脚本: @echo 开始注册 copy libeay32.dll %windir%\system32 regsvr32 %windir%\s ...
- CRM 总是弹出登录窗口
最近测试机总是会出现登录窗口,也能正常进入系统,但是会反复出现. 环境:CRM2016 问题:总是弹出登录窗口 解决方法:
- C#语言时间
string x = "abcdefg"; 定义字符串 int length = x.Length; 定义长度 string y = x.Substring(1, 2); 意思的从 ...
- ZooKeeper的安装和API
Zookeeper的分布式安装和API介绍: 安装教程 在datanode1.datanode2和datanode3三个节点上部署Zookeeper. 步骤 解压zookeeper安装包到/opt/m ...
- CS229 2.深入梯度下降(Gradient Descent)算法
1 问题的引出 对于上篇中讲到的线性回归,先化一个为一个特征θ1,θ0为偏置项,最后列出的误差函数如下图所示: 手动求解 目标是优化J(θ1),得到其最小化,下图中的×为y(i),下面给出TrainS ...
- es6基础(4)--字符串扩展
//字符串扩展 { console.log('a','\u0061'); console.log('s','\u20BB7');//超过了0xffff console.log('s','\u{20BB ...
- JAVA List合并集合
import java.util.ArrayList; import java.util.List; public class test { public static void main(Strin ...
- JavaScript正则表达式以及字符串处理
正则表达式之基本概念 在我们写页面时,往往需要对表单的数据比如账号.身份证号等进行验证,而最有效的.用的最多的便是使用正则表达式来验证.那什么是正则表达式呢? 正则表达式(Regular Expres ...
- JSP 调用java 常量 枚举
JAVA:public enum ReimStatus { UNCONFIRMED ("118001"), //未确认 DISPATCH_VERIFY("118002&q ...