脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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简单数组排序操作示例【sort方法】

    JS简单数组排序操作示例【sort方法】

    这篇文章主要介绍了JS简单数组排序操作,结合实例形式分析了javascript使用sort方法进行数组排序的相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • javascript版2048小游戏

    javascript版2048小游戏

    本文给大家分享的是使用javascript制作的2048小游戏的代码，仅仅是想锻炼下自己的编程代码风格，尽量做的规范些，小伙伴们多多给些建议。
    2015-03-03
  • JavaScript模拟push

    JavaScript模拟push

    这篇文章主要介绍了JavaScript模拟数组合并concat的相关资料,需要的朋友可以参考下
    2016-03-03
  • JS实现PC手机端和嵌入式滑动拼图验证码三种效果

    JS实现PC手机端和嵌入式滑动拼图验证码三种效果

    这篇文章主要介绍了JS实现PC手机端和嵌入式滑动拼图验证码三种效果,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-02-02
  • 页面加载完毕后滚动条自动滚动一定位置

    页面加载完毕后滚动条自动滚动一定位置

    希望页面加载完毕后向左自动滚动一定位置，下面有个不错的方法可以轻松帮大家实现下
    2014-02-02
  • 微信小程序之全局配置window和tabBar案例详解

    微信小程序之全局配置window和tabBar案例详解

    小程序根目录下的 app.json 文件是小程序的全局配置文件,本文给大家分享微信小程序之全局配置window和tabBar案例讲解,感兴趣的朋友跟随小编一起看看吧
    2024-01-01
  • js实现瀑布流的三种方式比较

    js实现瀑布流的三种方式比较

    瀑布流，又称瀑布流式布局，是比较流行的一种网站页面布局，这篇文章主要介绍了js实现瀑布流的三种方式，感兴趣的小伙伴们可以参考一下
    2015-12-12
  • JS设计模式之责任链模式应用详解

    JS设计模式之责任链模式应用详解

    JS责任链模式是一种行为型设计模式,它允许多个对象按照顺序处理请求,直到其中一个对象能够处理请求为止,这样的对象链被称为责任链,本文将给大家详细讲讲责任链模式在JS中的应用,需要的朋友可以参考下
    2023-08-08
  • 微信小程序登陆注册功能的实现代码

    微信小程序登陆注册功能的实现代码

    通常小程序有为我们提供用户授权登陆的功能，但是这个只能获取用户的头像和昵称，今天带大家学习小程序登陆注册功能的开发,需要的朋友可以参考下
    2019-12-12
  • 深入理解JavaScript中的call、apply、bind方法的区别

    深入理解JavaScript中的call、apply、bind方法的区别

    下面小编就为大家带来一篇深入理解JavaScript中的call、apply、bind方法的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05

最新评论