JavaScript中有很多表示存在性和从属关系的函数,本文介绍如下几个:

1)有关实例与构造函数原型之间的关系:isPrototypeOf(),Object.getPrototypeOf();

2)有关属性是否为实例属性:hasOwnProperty(),in操作符;

3)遍历属性:for-in ,Object.keys(),Object.getOwnPropertyNames()。

有关实例与原型之间的关系

isPrototypeOf方法

【定义】

通过此方法可以确定对象之间是否存在__proto__关系(若不理解此关系,可参加文章原型链继承中的prototype、__proto__和constructor的关系)。

【语法】

obj1.isPrototypeOf(obj2);

如果obj2的__proto__指针指向obj1,则返回true;否则返回false。

【举例】

function Person(){};
var person1 = new Person();
console.log(Person.prototype.isPrototypeOf(person1));//true

因为person1的__proto__指向构造函数Person的原型,因此返回true。

Object.getPrototypeOf方法

【定义】

此方法返回对象的__proto__值。

语法:

Object.getPrototypeOf(obj)

举例

function Person(){};
var person1 = new Person();
console.log(Object.getPrototypeOf(person1) == Person.prototype);//true

Object.getPrototypeOf(person1)返回的是person1的__proto__值,即Person.prototype,因此上述代码返回true。

有关属性是否为实例属性

hasOwnProperty方法

【定义】

此方法可以检测一个属性是否存在与实例中。(关键词:属性存在实例中)

【语法】

obj.hasOwnProperty(attr)

举例

function Person(){};
Person.prototype.name = "Bob";
var person1 = new Person();
person1.age = 20;
console.log(person1.hasOwnProperty("name"));//false
console.log(person1.hasOwnProperty("age"));//true

name属性在Person的原型对象上,age属性在person1实例上,因此检测结果如上。

in操作符

【定义】

确定对象是否存在某属性,无论其存在实例上还是原型中。(关键词:属性存在实例中或原型中)

【语法】

attr in obj

【举例】

function Person(){};
Person.prototype.name = "Bob";
var person1 = new Person();
person1.age = 20;
console.log("name" in person1);//true
console.log("age" in person1);//true
console.log("name" in Person.prototype);//true
console.log("age" in Person.prototype);//false
console.log( Person.prototype.hasOwnProperty("name"));//true

name属性是person1的原型属性,name属性是person1的实例属性,因此在person1上应用in操作符,均返回true;但在Person.prototype上应用in操作符,只有name属性返回true,因为对于Person.prototype,此时name是它的实例属性(代码最后一行判断实例属性返回true),而age不是其属性。

拓展:自定义hasPrototypeProperty方法

JavaScript中没有内置可以判断属性是否只在原型上的方法,但我们可以通过hasOwnProperty方法和in操作符自定义此方法。

function hasPrototypeProperty(obj,attr){
return !obj.hasOwnProperty(attr) && (attr in obj)
}

通过确保属性attr在对象上(in操作符)且不为实例属性(hasOwnProperty方法 ),即可自定义判断原型属性的方法,如上。下面我们验证一下:

function Person(){};
Person.prototype.name = "Bob";
var person1 = new Person();
person1.age = 20; function hasPrototypeProperty(obj,attr){
return !obj.hasOwnProperty(attr) && (attr in obj)
}
console.log(hasPrototypeProperty(person1,"name"));//true
console.log(hasPrototypeProperty(person1,"age"));//false

显示,结果正确。

遍历属性

for-in

【定义】

遍历所有存在与对象中的可枚举属性,包括实例上的和原型上的。(关键词:可枚举、实例属性和原型属性)

【举例】

function Person(){};
Person.prototype.name = "Bob";
var person1 = new Person();
person1.age = 20;
for(var key in person1){
console.log(key + ":" + person1[key]);//返回两个结果,分别为age:20和name:Bob
}
//定义age属性不可枚举
Object.defineProperty(person1,"age",{
enumerable:false
});
for(var key in person1){
console.log(key + ":" + person1[key]);//返回一个结果,为name:Bob
}

enumerable属性默认值为true,所以第一个for-in中返回了包括实例上和原型上的属性;当设置了age属性不可枚举时,age属性将无法再被for-in获取到,所以只返回了name属性。

注意一点,当实例中的属性屏蔽了原型中不可枚举的属性时,该实例属性仍可被for-in返回,因为此时该实例属性仍可被枚举。

Object.keys()方法

【定义】

返回对象包含的所有可枚举实例属性的字符串数组。(关键词可枚举、实例属性)

【语法】

Object.key(obj)

【举例】

function Person(){};
Person.prototype.name = "Bob";
var person1 = new Person();
person1.age = 20;
person1.sex = "male";
//定义age属性不可枚举
Object.defineProperty(person1,"age",{
enumerable:false
});
console.log(Object.keys(person1));//["sex"]

person1对象有原型属性name,实例属性age和sex,其中age属性不可枚举。Object.keys()返回了只包含可枚举的实例属性sex的字符串数组。

Object.getOwnPropertyNames()方法

【定义】

返回包含所有实例属性的字符串数组,无论是否可枚举。(关键词:实例属性、无论是否可枚举)

function Person(){};
Person.prototype.name = "Bob";
var person1 = new Person();
person1.age = 20;
person1.sex = "male";
//定义age属性不可枚举
Object.defineProperty(person1,"age",{
enumerable:false
});
console.log(Object.getOwnPropertyNames(person1));//["age",sex"]

person1对象有原型属性name,实例属性age和sex,其中age属性不可枚举。Object.getOwnPropertyNames()返回了包含实例属性sex和age的字符串数组。

拓展:

1)constructor属性为不可枚举属性;

2)delete操作符可以用来删除实例属性,从而让我们可以重新访问原型中的属性。

JavaScript中各存在性函数的更多相关文章

  1. [转]Javascript中的自执行函数表达式

    [转]Javascript中的自执行函数表达式 本文转载自:http://www.ghugo.com/javascript-auto-run-function/ 以下是正文: Posted on 20 ...

  2. 深入理解javascript中的立即执行函数(function(){…})()

    投稿:junjie 字体:[增加 减小] 类型:转载 时间:2014-06-12 我要评论 这篇文章主要介绍了深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是 ...

  3. 使用Ajax在javascript中调用后台C#函数

    使用Ajax在javascript中调用后台C#函数 最近一段时间在紧跟一个网站的项目,数据库中用户表的UserName要求是唯一的,所以当用户选定一个用户名进行注册时要首先检查该用户名是否已被占用, ...

  4. 在javascript中关于变量与函数的提升

    在javascript中关于变量与函数的提升 一.简介 在javascript中声明变量与函数的执行步骤: 1.先预解析变量或函数声明代码,会把用var声明的变量或者函数声明的代码块进行提升操作 2. ...

  5. javascript中的立即执行函数(function(){…})()

    javascript中的立即执行函数(function(){…})() 深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()包 ...

  6. 深入理解javascript中的立即执行函数

    这篇文章主要介绍了深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()包住业务代码,使用jquery时比较常见,需要的朋友可以 ...

  7. JavaScript中的内置函数

    JavaScript中的内置函数 制作人:全心全意 在使用JavaScript语言时,除了可以自定义函数之外,还可以使用JavaScript的内置函数,这些内置函数是由JavaScript语言自身提供 ...

  8. JavaScript 中对变量和函数声明提前的演示样例

    如题所看到的,看以下的演示样例(能够使用Chrome浏览器,然后F12/或者右键,审查元素.调出开发人员工具,进入控制台console输入)(使用技巧: 控制台输入时Shift+Enter能够中途代码 ...

  9. 如何在JavaScript中使用高阶函数

    将另一个函数作为参数的函数,或者定义一个函数作为返回值的函数,被称为高阶函数. JavaScript可以接受高阶函数.这种处理高阶函数的能力以及其他特点,使JavaScript成为非常适合函数式编程的 ...

随机推荐

  1. SVN服务器端环境搭建步骤

    5.1 安装服务器端程序 yum install -y subversion 5.2 创建并配置版本库 创建版本库目录 mkdir -p /var/svn/repository 在版本库目录下创建具体 ...

  2. Python基础部分的疑惑解析——运算符和数据类型(3)

    补充上一篇: #! /user/bin/env python   代码内声明这一个就可以用1.py类似的文件直接执行,但是要在linux内加权限, 不需要在前面加python 1.py执行了.文件可以 ...

  3. pycharm+gitee

    Git操作 前言: 由于各种原因,很多时候我们写代码的电脑并不会随身携带,所以有的时候突发灵感想继续写代码就变得难以实现.相信大部分同学对此都有了解,那就通过代码托管平台来管理.原本想用GitHub来 ...

  4. es6里class类

    /** * Created by issuser on 2018/11/27. *///如果静态方法包含this关键字,这个this指的是类,而不是实例./** (1)类的实例属性 1.类的实例属性可 ...

  5. Acronis

    关于这个神奇的东西也没少折腾了我,这里是它的家:http://www.acronis.com/zh-cn/ 网上也看了一些,没有头绪,总之给我的感觉就是不明觉厉.这里小结自己的学到的一些东西,算是一整 ...

  6. IDE神器intellij idea的基本使用 (转载)

    一.关于新建工程,导入工程,配置jdk,tomcat这里不做过多的讲述,必定网络上关于此类配置一堆一堆的. 二.编码快捷键(比较常用的快捷键)该套快捷键选择的是:Mac OS X 10.5+ 1. a ...

  7. docker相关命令

    1. 进入docker容器 ① 查看运行的容器:docker ps -a ②  进入容器:docker exec -ti [容器id] bash ③ 退出容器:eixt

  8. OAuth机制原理(开放授权机制)

    1.简述 OAuth(Open Authorization,开放授权)是为用户资源的授权定义了一个安全.开放及简单的标准,第三方无需知道用户的账号及密码,就可获取到用户的授权信息,并且这是安全的. 国 ...

  9. ECharts概念学习系列之ECharts官网教程之在 webpack 中使用 ECharts(图文详解)

    不多说,直接上干货! 官网 http://echarts.baidu.com/tutorial.html#%E5%9C%A8%20webpack%20%E4%B8%AD%E4%BD%BF%E7%94% ...

  10. linux mint 19 与windows时间不同步

    首先确定时间无误 sudo apt-get install ntpdate sudo ntpdate time.windows.com 2 sudo hwclock --localtime --sys ...