首页 >web前端 >js教程 > 正文

浅谈javascript面向对象程序设计

原创2018-09-29 16:31:040600
本文主要给大家展示的是javascript面向对象程序设计的相关资料,需要的朋友可以参考下。

ECMA-262把对象定义为:“无序属性的 集合,其属性可以包含基本值、对象或者函数”

理解对象,最简单的方式就是通过创建一个Object的实例,然后为它添加属性和方法

var person = new Object();
person.name = "Xulei";
person.age = "23";
person.job = "前端工程师";
person.sayName = function () {
    alert(this.name);
}

还可以这样写

var person = {
     name: "xulei",
     age: 23,
     job: "前端工程",
     sayName: function () {
          alert(this.name)
     }
}

属性类型:数据属性和访问其属性

1、数据属性,有4个描述其行为的特性

[Configurable]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性,默认值为true;
[Enumerable]:表示能否通过for-in返回属性,默认值为true;
[Writable]:表示能否修改属性,默认值为true;
[Value]:包含这个属性的数据值。默认值为undefined。

var person = {
      name: "xulei"
}

这里创建了一个person对象,value值就是“xulei”

要修改属性的默认特性,必须使用ECMAScript5的Object.defineProperty(属性所在的对象,属性的名字,描述符对象)
描述符对象必须是configurable、enumerable、writable、value

var peron = {}
        Object.defineProperty(peron, "name", {
            writable: false,//属性不能被修改
            value: "徐磊-xulei"
        });

        alert(peron.name);//徐磊-xulei
        peron.name = "徐磊";
        alert(peron.name);//徐磊-xulei

以上操作在非严格模式下赋值操作会被忽略,如果在严格模式下会抛出异常

一旦把属性定义为不可配置的就不能把它变回可配置的了。

在多数情况下都没有必要利用Object.defineProperty()方法提供的这些高级功能。但是对理解javascript非常有用。

建议读者不要在ie8上使用此方法。

2、访问其属性,有4个特性

[Configurable]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性,默认值为true;
[Enumerable]:表示能否通过for-in返回属性,默认值为true;
[Get]:在读取时调用的函数;
[Set]:在写入属性时调用的函数。

以上就是本章的全部内容,更多相关教程请访问JavaScript视频教程

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:javascript 面向对象
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • Javascript 基础教程Javascript 基础教程
  • javascript初级教程javascript初级教程
  • JavaScript学习指南JavaScript学习指南
  • JavaScript教程JavaScript教程
  • 视频教程分类