zoukankan      html  css  js  c++  java
  • (三)Javascript面向对象:对象(Object)

    javascript中的对象创建声明:

        
    var obj = {}; 或者 var obj = new Object(); 

        为对象加入属性,方法:

        
    //=====第一种写法====================================


        obj.name 
    = '小明';    //为对象加属性

        obj.updateName 
    = function(name){//为对象定义updateName方法
            this.name = name;
        }

        alert(obj.name);

        obj.updateName(
    "小强");    //调用updateName修改obj对象的name属性值 

        alert(obj[
    'name']);

        第一次显示结果为:小明

        第二次显示结果为:小强

        
    //=====第二种写法====================================

        obj[
    'name'= '张三';     //为对象加属性
        obj['updateName'= function(name){//为对象定义updateName方法
            obj['name'=name;
        }; 

        alert(obj.name);

        obj.updateName(
    '李四');    //调用updateName修改obj对象的name属性值 

        alert(obj[
    'name']);

        第一次显示结果为:张三

        第二次显示结果为:李四

        
    //=====第三种写法====================================

        
    var obj = {
            name:  
    '王五',    //为对象加属性
            updateName: function(name){//为对象定义updateName方法
                this.name = name;      
            }
        };

        alert(obj .name);

        obj.updateName(
    "赵六");    //调用updateName修改obj对象的name属性值

        alert(obj .name);

        第一次显示结果为:王五

        第二次显示结果为:赵六

        
    //=====分析=====================================

        第一种写法是最普通的对象写法,因为javascript是动态语言,与Java和.Net不同,

        在程序运行并创建对象后,还可以对该对象的内部结构进行修改,

        比如添加属性和方法(java和.net中的反射机制做不到这点)。

        (a): 
    var obj = {} || new Object();

        (b):obj.name 
    = "张三";

        (c):obj.updateName 
    = function(name){ this.name = name};


        当程序执行(a) 后,便创建了一个空对象(不包含任何方法和属性)obj,

        当程序执行(b) 后,改变了obj的内部结构,加了一个属性name,

        当程序执行(c) 后,改变了obj的内部结构,加了一个方法updateName ,

        而这都是在运行的时候完成的动作


        第二种写法像数组,但绝不是数组,区分是不是数组可以如此判断:

        
    if(typeof(obj.length) == "undefined") {
            alert(
    "obj不是数组,数组都有length属性!");
        }
    else{
            alert(
    "obj是数组!");
        }

        第二种写法更像一种数据结构:map ,如:obj[key] 
    = value;

        key是字符串,value可以是任何类型,变量,对象,函数等。

        可以通过这种方式遍历对象内部结构:

        
    for(var key in obj)
        {
            alert(key);

            
    var value = obj[key];

            alert(value);
        }

        通过alert可以显示出你所定义的内容。

        第三种写法一看就是map的内部结构了,一个对象,内部完全用key : value键值对方式表示

        JSON对象也是这种结构,只要对map或者JSON对象有所熟悉的就很容易理解了。

     
  • 相关阅读:
    微信小程序在sublime开发代码高亮显示
    CSS之flex兼容
    本地存储(2)
    IE浏览器兼容性问题解决方案
    设计一套方案,解决不同浏览器的兼容问题(2)
    Webpack, 现在最流行的模块打包工具.压缩打包
    Linux环境下安装配置Node.js
    阿里云服务器 linux 怎么安装php(PHPSTUDY)开发环境
    函数与闭包
    内建的控制结构
  • 原文地址:https://www.cnblogs.com/wangwei123/p/1733084.html
Copyright © 2011-2022 走看看