JavaScript中有一些名字十分冗长的函数名称,导致使用时会混乱,特此整理一番,加深印象。

①Object.getOwnPropertyDescriptor     ——读取某个对象特定属性的属性描述符(value / writable / enumerable / configurable)

这个方法接受两个参数:(属性所在对象  , 要读取其描述符的属性名称),返回值是一个对象。

  1. var o = Object.getOwnPropertyDescriptor({x : 1}, 'x');
    //{value:1, writable:true, enumerable:true, configurable:true}
  2. alert(o); // [object Object]

此方法只能取得自身的属性描述符,无法获得继承属性的特性:

  1. var o = Object.getOwnPropertyDescriptor({}, 'toString');
  2. alert(o); //undefined

②Object.defineProperty  ——设置某个对象(单个)属性的特性或让新建属性具有某种特性

这个方法接受三个参数:(要修改的对象 , 要创建或修改的属性 、 属性描述符对象)。

  1. var o = {};
  2. Object.defineProperty(o, 'x', {
  3. value : 1,
  4. writable : true,
  5. enumerable : false,
  6. configurable : true
  7. });
  8. alert(o.x); // 1
  9.  
  10. Object.defineProperty(o, 'x', {writable : false});
  11. o.x = 2; //不可行,不会报错,但不会修改, o.x = 1;
  12.  
  13. Object.defineProperty(o, 'x', {value : 2});
  14. alert(o.x); // 2

③Object.defineProperties  ——  设置某个对象(多个)属性的特性或让新建属性具有某种特性

这个方法接受两个参数:(修改的对象 , 映射表--包含所有新建或者修改属性的名称和属性描述符)。

  1. Object.defineProperties({}, {
  2. _year : {
  3. value : 2016
                writable : true, 
    enumerable : true,
    configurable : true
  4. },
  5. edition : {
  6. value : 1
  7. },
  8. year : {
  9. get : function(){
  10. return this._year;
  11. },
  12. set : function(newValue){
  13. if(newValue > 2004){
  14. this._year = newValue;
  15. this.edition += newValue - 2004;
  16. }
  17. }
  18. }
  19. });

以上在一个空对象中定义了两个数据属性(_year和edition),还有一个访问器属性(year),这里额属性都是同一时间创立。

④isPrototypeOf  ——确定对象与原型之间存在的关系

  1. function Person(){}
  2.  
  3. var friend = new Person();
  4. alert(Person.prototype.isPrototypeOf(friend)); //true

因为friend对象内部有一个指向Person.prototype的指针,所以返回true。

⑤Object.getPrototypeOf  ——方便地取得一个对象的原型

  1. function Person(){}
  2. Person.prototype.name = 'Tom';
  3.  
  4. var friend = new Person();
  5. alert(Object.getPrototypeOf(friend) == Person.prototype); // true
  6. alert(Object.getPrototypeOf(friend).name); // Tom

ES5中新增的方法,IE9+支持。

⑥hasOwnProperty  ——检测一个属性是存在于实例中,还是存在于原型中

  1. function Person(){}
  2. Person.prototype.name = 'Tom';
  3. Person.prototype.sayName = function(){
  4. alert(this.name);
  5. };
  6.  
  7. var frient1 = new Person();
  8. frient1.name = 'Jery';
  9. var frient2 = new Person();
  10.  
  11. alert(frient1.hasOwnProperty('name'));
  12. alert(frient2.hasOwnProperty('name'));

使用hasOwnProperty()可以轻松知晓访问的是实例属性还是原型属性了。

js中一些容易混淆的方法的更多相关文章

  1. 判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解

    提醒大家,Object.prototype.toString().call(param)返回的[object class]中class首字母是大写,像JSON这种甚至都是大写,所以,大家判断的时候可以 ...

  2. JavaScript -- 时光流逝(五):js中的 Date 对象的方法

    JavaScript -- 知识点回顾篇(五):js中的 Date 对象的方法 Date 对象: 用于处理日期和时间. 1. Date对象的方法 <script type="text/ ...

  3. JavaScript -- 时光流逝(三):js中的 String 对象的方法

    JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javasc ...

  4. 在JS中调用CS里的方法(PageMethods)

    在JS中调用CS里的方法(PageMethods) 2014年04月28日 11:18:18 被动 阅读数:2998   最近一直在看别人写好的一个项目的源代码,感觉好多东西都是之前没有接触过的.今天 ...

  5. Angular.js中处理页面闪烁的方法详解

    Angular.js中处理页面闪烁的方法详解 前言 大家在使用{{}}绑定数据的时候,页面加载会出现满屏尽是{{xxx}}的情况.数据还没响应,但页面已经渲染了.这是因为浏览器和angularjs渲染 ...

  6. JS中的五种去重方法

    JS中的五种去重方法 第一种方法: 第二种方法:  第三种方法: 第四种方法: 第五种方法:优化遍历数组法 思路:获取没重复的最右一值放入新数组 * 方法的实现代码相当酷炫,* 实现思路:获取没重复的 ...

  7. JS中的call()和apply()方法(转)

    转自:http://uule.iteye.com/blog/1158829 JS中的call()和apply()方法 博客分类: JS   1.方法定义 call方法: 语法:call([thisOb ...

  8. JS中的call()和apply()方法

    1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call ...

  9. JS中的call()和apply()方法理解和使用

    1.方法定义call方法: 语法:obj.method.call(thisObj[,arg1[, arg2[, [,.argN]]]]) 定义:调用对象(obj)的一个方法(method),以另一个对 ...

随机推荐

  1. Android学习系列(15)--App列表之游标ListView(索引ListView)

    游标ListView,提供索引标签,使用户能够快速定位列表项.      也可以叫索引ListView,有的人称也为Tweaked ListView,可能更形象些吧.      一看图啥都懂了: 1. ...

  2. CF GYM 100703A Tea-drinking

    题意:龙要制作n个茶,每个茶的配方是一个字符串,两个字符串之间有一个差值,这个差值为两个字符串每个对应字母之间差的绝对值的最大值,求制作所有茶时获得的所有差值中的最大值. 解法:克鲁斯卡尔.将茶的配方 ...

  3. the type initializer for '' threw an exception

    the type initializer for '' threw an exception 问题:程序启动时初始化主窗口类时,弹出该错误.调查:查看类的构造函数是否会有异常抛出.解决:去掉类的构造函 ...

  4. Python脚本控制的WebDriver 常用操作 <二十一> 执行JS

    测试用例场景 如果你熟悉js的话,那么使用webdriver执行js就是一件很高效的事情了.在webdriver脚本中直接执行js的好处很多,这里就不一一枚举了. webdriver提供了execut ...

  5. 【转】C/C++除法实现方式及负数取模详解

    原帖:http://blog.csdn.net/sonydvd123/article/details/8245057 一.下面的题目你能全做对吗? 1.7/4=? 2.7/(-4)=? 3.7%4=? ...

  6. 工具http://www.architexa.com/learn-more/install使用

    准备写篇博客,用来研究开源软件的利器.

  7. 问题:关于贴友一个用js传递value默认值的简单实现

    需求和代码如下: “这是我的代码:” 1: <input type="text" id="price2" value="333"/&g ...

  8. iPhone更新失败后如何恢复数据

    iPhone5最好不要用wifi下更新ios8.1,因为该固件比较大,很容易中途出问题失败,如果失败也不要怕,想要恢复数据还是有希望的. 如果不幸进入恢复模式,还没有实现备份,千万别点恢复,那就啥都没 ...

  9. 【暑假】[数学]UVa 1262 Password

    UVa 1262  Password 题目: Password   Time Limit: 3000MS   Memory Limit: Unknown   64bit IO Format: %lld ...

  10. Unity3D为FirstPersonController添加跑步与下蹲动作

    using UnityEngine; using System.Collections; public class MyController : MonoBehaviour { ; ; ; priva ...