JavaScript中in和hasOwnProperty区别详解


Posted in Javascript onAugust 04, 2017

 每当代码读取某个对象的某个属性时,都会执行一次搜索,目标是具有给定名字的属性。搜索首先从对象实例本身开始。如果在实例中找到了具有给定名字的属性,则返回该属性的值;如果没有找到,则继续搜索指针指向的原型对象,在原型对象中查找具有给定名字的属性。如果在原型对象中找到了这个属性,则返回该属性的值。

虽然可以通过对象实例访问保存在原型中的值,但却不能通过对象实例重写原型中的值。如果在实例中添加一个与原型中属性同名的属性,则该属性会屏蔽原型中的那个属性。添加的同名属性只会阻止我们访问原型中的那个属性,但不会修改那个属性。即使将这个属性设置为null,也只会在实例中设置这个属性,而不会恢复其指向原型的链接。

in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true。

使用delete操作符则可以完全删除实例属性,从而让我们能巩固重新访问原型中的属性。

function Person(){
}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function(){
  alert(this.name);
};
var person1 = new Person();
var person2 = new Person();
alert(person1.hasOwnProperty("name"));//false
alert("name" in person1);//true
person1.name = "Greg";
alert(person1.name);//"Greg"
alert(person1.hasOwnProperty("name"));//true
alert("name" in person1);//true
delete person1.name;
alert(person1.name);//"Nicholas"
alert(person1.hasOwnProperty("name"));//false
alert("name" in person1);//true

prototype

1.每个函数都有一个 prototype 的对象属性,对象内有一个 constructor 属性,默认指向函数本身

2.每个对象都有一个 __proto__ 的属性,属相指向其父类型的 prototype

构造函数和普通函数并没有区别,使用 new 关键字调用就是构造函数,使用构造函数可以 实例化 一个对象

函数的返回值有两种可能

1.显式调用 return 返回 return 后表达式的求值

2.没有调用 return 返回 undefined

function People(name, age) {
 this.name = name;
 this.age = age;
}
var people = new People('Byron', 26);

构造函数返回值

1.没有返回值
2.简单数据类型
3.对象类型

前两种情况构造函数返回构造对象的实例,实例化对象正是利用的这个特性

第三种构造函数和普通函数表现一致,返回 return 后表达式的结果

总结

以上所述是小编给大家介绍的JavaScript中in和hasOwnProperty区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS上传前预览图片实例
Mar 25 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
Apr 02 Javascript
javascript中取前n天日期的两种方法分享
Jan 26 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
May 10 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
Jan 22 Javascript
详解Koa中更方便简单发送响应的方式
Jul 20 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
javascript网页随机点名实现过程解析
Oct 15 Javascript
Vue按时间段查询数据组件使用详解
Aug 21 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 Javascript
Javascript Symbol原理及使用方法解析
Oct 22 Javascript
JavaScript hasOwnProperty() 函数实例详解
Aug 04 #Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
Aug 04 #Javascript
Angular实现响应式表单
Aug 04 #Javascript
JS 实现banner图片轮播效果(鼠标事件)
Aug 04 #Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 #jQuery
JavaScript正则表达式校验与递归函数实际应用实例解析
Aug 04 #Javascript
js模拟百度模糊搜索的实例
Aug 04 #Javascript
You might like
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
PHP屏蔽过滤指定关键字的方法
2014/11/03 PHP
php判断类是否存在函数class_exists用法分析
2014/11/14 PHP
php+Mysqli利用事务处理转账问题实例
2015/02/11 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
PHP获取input输入框中的值去数据库比较显示出来
2016/11/16 PHP
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
2012/02/10 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
JavaScript实现窗口抖动效果
2016/10/19 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
2017/02/13 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
xmlplus组件设计系列之网格(DataGrid)(10)
2017/05/05 Javascript
nodejs socket服务端和客户端简单通信功能
2017/09/14 NodeJs
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
微信小程序和百度的语音识别接口详解
2019/05/06 Javascript
electron+vue实现div contenteditable截图功能
2020/01/07 Javascript
Vue中component标签解决项目组件化操作
2020/09/04 Javascript
详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别
2017/06/23 Python
Python使用微信SDK实现的微信支付功能示例
2017/06/30 Python
python的Crypto模块实现AES加密实例代码
2018/01/22 Python
Python使用wget实现下载网络文件功能示例
2018/05/31 Python
django的ORM操作 增加和查询
2019/07/26 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
CSS3制作皮卡丘动画壁纸的示例
2020/11/02 HTML / CSS
html5简单示例_动力节点Java学院整理
2017/07/07 HTML / CSS
原生 JS+CSS+HTML 实现时序图的方法
2019/07/31 HTML / CSS
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
公司募捐倡议书
2014/05/14 职场文书
作风建设演讲稿
2014/05/23 职场文书
村党的群众路线教育实践活动工作总结
2014/10/25 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python
vue完美实现el-table列宽自适应
2021/05/08 Vue.js
小程序自定义轮播图圆点组件
2022/06/25 Javascript