脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 浅谈javascript面向对象程序设计

浅谈javascript面向对象程序设计

 更新时间：2015年01月21日 09:17:43   投稿：hebedich  
本文主要给大家展示的是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]:在写入属性时调用的函数

您可能感兴趣的文章:

相关文章

  • JS多文件上传的实例代码

    JS多文件上传的实例代码

    本文通过实例代码给大介绍了js多文件上传的实现方法，非常不错，具有参考借鉴价值，需要的朋友参考下
    2017-01-01
  • 动态加载图片路径 保持JavaScript控件的相对独立性

    动态加载图片路径 保持JavaScript控件的相对独立性

    根据新界面的要求，需要一部分图片来增强日期控件的美观性。考虑到既要实现加载图表的目标，又要保持控件的独立性以便将来的移植。
    2010-09-09
  • javascript打开新窗口同时关闭旧窗口

    javascript打开新窗口同时关闭旧窗口

    因业务需要，在网上查找这个问题的解决办法，但是昏天黑地地搞了半天，找到的方法虽然可以实现功能，但是总是会跳出讨厌的“关闭窗口”的提示框，郁闷。
    2009-01-01
  • JavaScript动态生成带删除行功能的表格

    JavaScript动态生成带删除行功能的表格

    这篇文章主要为大家详细介绍了JavaScript动态生成带删除行功能的表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 微信小程序实现横向滚动条

    微信小程序实现横向滚动条

    这篇文章主要为大家详细介绍了微信小程序实现横向滚动条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-06-06
  • 如何基于小程序实现发送语音消息及转文字功能

    如何基于小程序实现发送语音消息及转文字功能

    最近为小程序增加语音识别转文字的功能,坑路不断,特此记录,下面这篇文章主要给大家介绍了关于如何基于小程序实现发送语音消息及转文字功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • Bootstrap如何激活导航状态

    Bootstrap如何激活导航状态

    这篇文章主要为大家详细介绍了Bootstrap如何激活导航状态，包括胶囊式导航中的激活状态和列表导航中的激活状态，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • js substring()字符串截取函数

    js substring()字符串截取函数

    JavaScript中substring()函数方法是返回位于String对象中指定位置的子字符串
    2013-04-04
  • JavaScript接口的实现三种方式(推荐)

    JavaScript接口的实现三种方式(推荐)

    这篇文章主要介绍了JavaScript接口的实现三种方式，有注释法，检查属性法和鸭式辨行法，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
    2016-06-06
  • javascript forEach通用循环遍历方法

    javascript forEach通用循环遍历方法

    循环遍历一个元素是开发中最常见的需求之一，那么让我们来看一个由框架BASE2和Jquery的结合版本吧.
    2010-10-10

最新评论