Javascript Object 对象学习笔记


Posted in Javascript onDecember 17, 2014

构造函数
new Object()

new Object(value)

参数
value
    可选的参数,声明了要转换成Number对象、Boolean对象或String对象的原始值(即数字、布尔值或字符串)。JavaScript 1.1之前的版本和ECMAScript Vl不支持该对象。

返回值

如果没有给构造函数传递value参数,那么它将返回一个 新创建的Object实例。如果指定了原始的value参数,构造函数将创建并返回原始值的包装对象,即Number对象、Boolean对象或 String对象。当不使用new运算符,将Object()构造函数作为函数调用时,它的行为与使用new运算符时一样。

属性
constructor
对一个JavaScript函数的引用,该函数是对象的构造函数

方法

1.hasOwnProperty( )
检查对象是否有局部定义的(非继承的)、具有特定名字的属性。

    <script type="text/javascript">

            var o = new Object();

            o.name="Tom";

            alert(o.hasOwnProperty("name"));    //true

            alert(o.hasOwnProperty("age"));    //false

        </script>

2.isPrototypeOf()

语法
object.isPrototypeOf(o)

参数
o
任意对象。

返回值
如果object是O的原型,则返回true。如果o不是对象,或者object不是o的原 型,则返回false。

描述
JavaScript对象继承了原型对象的属性。一个对象的原型是通过用于创建并初始化该对象的构造函数的prototype属性引用的。isPrototypeOf()方法提供了判断一个对象是否是另一个对象原型的方法。该方法可以用于确定对象的 类。

示例

var o = new Object(  );                          // 创建一个对象

Object.prototype.isPrototypeOf(o)                // true: o 是一个对象

Function.prototype.isPrototypeOf(o.toString);    // true: toString 是一个函数

Array.prototype.isPrototypeOf([1,2,3]);          // true: [1,2,3] 是一个数组

//下面是执行同样测试的另一种方法

(o.constructor == Object);  // true: o was created with Object(  ) constructor

(o.toString.constructor == Function);  // true: o.toString is a function

/原型则对象本身于原型对象。下面的调用返回true

//说明函数继 Function.prototype和Object.prototyp属性.

Object.prototype.isPrototypeOf(Function.prototype);

3.ProertyIsEnumerable()

语法
object.propertyIsEnumerable(propname)

参数
propname
一个字符串,包含object原型的名字。

返回值
如果object具有名为propname的非继承属性,而且该属性是可枚举的(即用for/in循环可以枚举出它),则返回true。

描述
用for/in语句可以遍历一个对象“可枚举”的属性。但并非—个对象的所有属性都是可枚举的,通过JavaScript代码添加到对象的属性是可枚举的,而内部对象的预定义属性(如方法)通常是不可枚举的。propertylsEnumerable()方法提供了区分可枚举属性和不可枚举属性的方法。但要注意,ECMAScript标准规定,propertyIsEnumerable()方法不检测原型链,这意味着它只适用于对象的局部属性,不能检测继承属性的可枚举性。

示例

var o = new Object(  );                // 创建一个对象

o.x = 3.14;                            // 定义—个属性

o.propertyIsEnumerable("x");           // true属性x是局部的、可枚举的

o.propertyIsEnumerable("y");           //false:o没有属性y

o.propertyIsEnumerable("toString");    //false:toStrlng属性是继承的

Object.prototype.propertyIsEnumerable("toString");  // false: 枚举的

Bug

当标准限制propertylsEnumerable()方法只能检测非继承属性时,明显是错的。 Internet Explorer 5.5按标准实现了该方法。Nestacpe 6.0实现的propertyIsEnumerable()方法考虑了原型链。虽然这种方法可取,但它与标准冲突,所以Netscape 6.1修改了它,以便与IE 5.5匹配。由于标准中有这个错误,因此该方法不是那么有用。

<script>

 var obj = new Object(); 

     obj.title = 'aaa'; 

     obj.funb = function(a, b) 

        { 

         alert(a+b); 

        } 

    alert(obj.title);

    obj.funb(1,2);

</script>

这里一种方法
******************************

<script language="javascript"> 

function object(value,a,b){ 

        this.title = value; 

        this.funb = function(){ 

                      this.a = a; 

                      this.b = b; 

                      alert(a+b); 

                     } 

                  } 

   var obj = new object("aaa",1,2); 

        alert(obj.title); 

        obj.funb();

//这里为对象添加新的方法 

object.prototype.name = "123456"; 

alert(obj.name); 

</script>

这是另一种方法

Javascript 相关文章推荐
初窥JQuery(二)事件机制(2)
Dec 06 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
Apr 06 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
Jul 15 Javascript
js实现倒计时时钟的示例代码
Dec 17 Javascript
js中判断对象是否为空的三种实现方法
Dec 23 Javascript
深入理解JavaScript系列(47):对象创建模式(上篇)
Mar 04 Javascript
JavaScript的9种继承实现方式归纳
May 18 Javascript
JavaScript运算符小结
Jun 03 Javascript
原生js实现简单的Ripple按钮实例代码
Mar 24 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
详解从新建vue项目到引入组件Element的方法
Aug 29 Javascript
React服务端渲染原理解析与实践
Mar 04 Javascript
node.js中的fs.read方法使用说明
Dec 17 #Javascript
node.js中的fs.mkdirSync方法使用说明
Dec 17 #Javascript
node.js中的fs.mkdir方法使用说明
Dec 17 #Javascript
使用FlexiGrid实现Extjs表格效果方法分享
Dec 16 #Javascript
jQuery+css实现百度百科的页面导航效果
Dec 16 #Javascript
jQuery+PHP打造滑动开关效果
Dec 16 #Javascript
javascript进行四舍五入方法汇总
Dec 16 #Javascript
You might like
如何把PHP转成EXE文件
2006/10/09 PHP
PHP遍历二维数组的代码
2011/04/22 PHP
探讨GDFONTPATH能否被winxp下的php支持
2013/06/21 PHP
PHP获取QQ达人QQ信息的方法
2015/03/05 PHP
jQuery学习基础知识小结
2010/11/25 Javascript
获取body标签的两种方法
2011/10/13 Javascript
jquery ajax方式直接提交整个表单核心代码
2013/08/15 Javascript
全面解析Bootstrap排版使用方法(文字样式)
2015/11/30 Javascript
javascript加载xml 并解析各节点的值(实现方法)
2016/10/12 Javascript
玩转NODE.JS(四)-搭建简单的聊天室的代码
2016/11/11 Javascript
jQuery UI制作选项卡(tabs)
2016/12/13 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
2017/01/20 Javascript
浅谈js for循环输出i为同一值的问题
2017/03/01 Javascript
js canvas实现QQ拨打电话特效
2017/05/10 Javascript
jQuery+Ajax实现用户名重名实时检测
2017/06/01 jQuery
简单实现js放大镜效果
2017/07/24 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
vue实现点击出现操作弹出框的示例
2020/11/05 Javascript
vue中h5端打开app(判断是安卓还是苹果)
2021/02/26 Vue.js
Python中的filter()函数的用法
2015/04/27 Python
python实现对excel进行数据剔除操作实例
2017/12/07 Python
python基于ID3思想的决策树
2018/01/03 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
python实现扫雷游戏的示例
2020/10/20 Python
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
马来西亚在线购物市场:PGMall.my
2019/10/13 全球购物
实习教师自我鉴定
2013/12/09 职场文书
团队队名口号大全
2014/06/06 职场文书
学雷锋宣传标语
2014/06/25 职场文书
拾金不昧锦旗标语
2014/06/27 职场文书
纺织工程专业推荐信
2014/09/08 职场文书
警察群众路线对照检查材料思想汇报
2014/10/01 职场文书
2016年“七一建党节”广播稿
2015/12/18 职场文书
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
前端canvas中物体边框和控制点的实现示例
2022/08/05 Javascript