js中一些容易混淆的方法
JavaScript中有一些名字十分冗长的函数名称,导致使用时会混乱,特此整理一番,加深印象。
①Object.getOwnPropertyDescriptor ——读取某个对象特定属性的属性描述符(value / writable / enumerable / configurable)
这个方法接受两个参数:(属性所在对象 , 要读取其描述符的属性名称),返回值是一个对象。
- var o = Object.getOwnPropertyDescriptor({x : 1}, 'x');
//{value:1, writable:true, enumerable:true, configurable:true}- alert(o); // [object Object]
此方法只能取得自身的属性描述符,无法获得继承属性的特性:
- var o = Object.getOwnPropertyDescriptor({}, 'toString');
- alert(o); //undefined
②Object.defineProperty ——设置某个对象(单个)属性的特性或让新建属性具有某种特性
这个方法接受三个参数:(要修改的对象 , 要创建或修改的属性 、 属性描述符对象)。
- var o = {};
- Object.defineProperty(o, 'x', {
- value : 1,
- writable : true,
- enumerable : false,
- configurable : true
- });
- alert(o.x); // 1
- Object.defineProperty(o, 'x', {writable : false});
- o.x = 2; //不可行,不会报错,但不会修改, o.x = 1;
- Object.defineProperty(o, 'x', {value : 2});
- alert(o.x); // 2
③Object.defineProperties —— 设置某个对象(多个)属性的特性或让新建属性具有某种特性
这个方法接受两个参数:(修改的对象 , 映射表--包含所有新建或者修改属性的名称和属性描述符)。
- Object.defineProperties({}, {
- _year : {
- value : 2016,
writable : true,
enumerable : true,
configurable : true- },
- edition : {
- value : 1
- },
- year : {
- get : function(){
- return this._year;
- },
- set : function(newValue){
- if(newValue > 2004){
- this._year = newValue;
- this.edition += newValue - 2004;
- }
- }
- }
- });
以上在一个空对象中定义了两个数据属性(_year和edition),还有一个访问器属性(year),这里额属性都是同一时间创立。
④isPrototypeOf ——确定对象与原型之间存在的关系
- function Person(){}
- var friend = new Person();
- alert(Person.prototype.isPrototypeOf(friend)); //true
因为friend对象内部有一个指向Person.prototype的指针,所以返回true。
⑤Object.getPrototypeOf ——方便地取得一个对象的原型
- function Person(){}
- Person.prototype.name = 'Tom';
- var friend = new Person();
- alert(Object.getPrototypeOf(friend) == Person.prototype); // true
- alert(Object.getPrototypeOf(friend).name); // Tom
ES5中新增的方法,IE9+支持。
⑥hasOwnProperty ——检测一个属性是存在于实例中,还是存在于原型中
- function Person(){}
- Person.prototype.name = 'Tom';
- Person.prototype.sayName = function(){
- alert(this.name);
- };
- var frient1 = new Person();
- frient1.name = 'Jery';
- var frient2 = new Person();
- alert(frient1.hasOwnProperty('name'));
- alert(frient2.hasOwnProperty('name'));
使用hasOwnProperty()可以轻松知晓访问的是实例属性还是原型属性了。
js中一些容易混淆的方法的更多相关文章
- 判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
提醒大家,Object.prototype.toString().call(param)返回的[object class]中class首字母是大写,像JSON这种甚至都是大写,所以,大家判断的时候可以 ...
- JavaScript -- 时光流逝(五):js中的 Date 对象的方法
JavaScript -- 知识点回顾篇(五):js中的 Date 对象的方法 Date 对象: 用于处理日期和时间. 1. Date对象的方法 <script type="text/ ...
- JavaScript -- 时光流逝(三):js中的 String 对象的方法
JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javasc ...
- 在JS中调用CS里的方法(PageMethods)
在JS中调用CS里的方法(PageMethods) 2014年04月28日 11:18:18 被动 阅读数:2998 最近一直在看别人写好的一个项目的源代码,感觉好多东西都是之前没有接触过的.今天 ...
- Angular.js中处理页面闪烁的方法详解
Angular.js中处理页面闪烁的方法详解 前言 大家在使用{{}}绑定数据的时候,页面加载会出现满屏尽是{{xxx}}的情况.数据还没响应,但页面已经渲染了.这是因为浏览器和angularjs渲染 ...
- JS中的五种去重方法
JS中的五种去重方法 第一种方法: 第二种方法: 第三种方法: 第四种方法: 第五种方法:优化遍历数组法 思路:获取没重复的最右一值放入新数组 * 方法的实现代码相当酷炫,* 实现思路:获取没重复的 ...
- JS中的call()和apply()方法(转)
转自:http://uule.iteye.com/blog/1158829 JS中的call()和apply()方法 博客分类: JS 1.方法定义 call方法: 语法:call([thisOb ...
- JS中的call()和apply()方法
1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call ...
- JS中的call()和apply()方法理解和使用
1.方法定义call方法: 语法:obj.method.call(thisObj[,arg1[, arg2[, [,.argN]]]]) 定义:调用对象(obj)的一个方法(method),以另一个对 ...
随机推荐
- Android学习系列(15)--App列表之游标ListView(索引ListView)
游标ListView,提供索引标签,使用户能够快速定位列表项. 也可以叫索引ListView,有的人称也为Tweaked ListView,可能更形象些吧. 一看图啥都懂了: 1. ...
- CF GYM 100703A Tea-drinking
题意:龙要制作n个茶,每个茶的配方是一个字符串,两个字符串之间有一个差值,这个差值为两个字符串每个对应字母之间差的绝对值的最大值,求制作所有茶时获得的所有差值中的最大值. 解法:克鲁斯卡尔.将茶的配方 ...
- the type initializer for '' threw an exception
the type initializer for '' threw an exception 问题:程序启动时初始化主窗口类时,弹出该错误.调查:查看类的构造函数是否会有异常抛出.解决:去掉类的构造函 ...
- Python脚本控制的WebDriver 常用操作 <二十一> 执行JS
测试用例场景 如果你熟悉js的话,那么使用webdriver执行js就是一件很高效的事情了.在webdriver脚本中直接执行js的好处很多,这里就不一一枚举了. webdriver提供了execut ...
- 【转】C/C++除法实现方式及负数取模详解
原帖:http://blog.csdn.net/sonydvd123/article/details/8245057 一.下面的题目你能全做对吗? 1.7/4=? 2.7/(-4)=? 3.7%4=? ...
- 工具http://www.architexa.com/learn-more/install使用
准备写篇博客,用来研究开源软件的利器.
- 问题:关于贴友一个用js传递value默认值的简单实现
需求和代码如下: “这是我的代码:” 1: <input type="text" id="price2" value="333"/&g ...
- iPhone更新失败后如何恢复数据
iPhone5最好不要用wifi下更新ios8.1,因为该固件比较大,很容易中途出问题失败,如果失败也不要怕,想要恢复数据还是有希望的. 如果不幸进入恢复模式,还没有实现备份,千万别点恢复,那就啥都没 ...
- 【暑假】[数学]UVa 1262 Password
UVa 1262 Password 题目: Password Time Limit: 3000MS Memory Limit: Unknown 64bit IO Format: %lld ...
- Unity3D为FirstPersonController添加跑步与下蹲动作
using UnityEngine; using System.Collections; public class MyController : MonoBehaviour { ; ; ; priva ...