面向对象与原型(一)

定义

有两种方式定义对象。

new Object() 形式

通过 new Object() 定义一个对象。并通过 对象.属性名 创建属性,并为属性赋值。

注意:new Object() 中的 new 关键字可以省略。

var obj = new Object(); //也可简写成 var obj = Object();
obj.name = "hh"; //为 obj 对象指定 name 属性,同时为该属性赋值为 hh。
alert(obj.age);

{} 形式

直接通过 {} 定义一个对象。相较于第一种方式,该种方式最为常用。

  1. 此种方法时,可以在 {} 内部以 属性名:属性值 形式定义属性。其中属性名可以加引号,也可以不加。

  2. {} 内部定义属性时,各个属性之间通过逗号隔开。

  3. 还可以通过 点语句 定义属性。

    var obj = {
        name:"fdafa", //直接定义属性
        'age':20 //属性之间通过逗号隔开,属性名可以加引号,也可以不加
    };
    obj.sex="男"; //也可以通过 点 语句定义属性。
    alert(obj.name+obj.age+obj.sex);
    
  4. 可以使用该种方式向一个函数中传递大量的参数。如普通方式

    function test(name,age,address,love){
        // do sth
    }
    test("name","age","address","love");
    

    调用 test 方法时,传递的参数顺序必须与定义时一致,否则会出现参数混乱。可按下面方式修改:

    function test(obj){
        alert(obj.name); // 使用时通过对象的属性进行引用。  
        alert(obj.love)
    }
    
    test({
        name:"name",
        age:'age',
        address:'address',
        love:'love'
    }); // 传递一个匿名对象,将各个要传递的值通过属性值传递到方法中
    

    这样在传参时,只需要传递一个匿名对象,而且定义对象属性时也非常的明了。

属性引用

有两种方式:

  1. 通过 点语句 引用指定的属性。

  2. 以数组的形式引用,[] 中必须是字符串。

    var obj = {
        name:"fdafa",
    };
    obj.sex="男";
    alert(obj.name+obj['sex']); //加号前通过点语句引用,加号后是通过数组形式引用
    
  3. 通过数组形式引用时,[] 中可以是变量,只不过在操作时,[] 中存在的是变量的值。

    var obj = {
        name:"fdafa-",
    };
    var p = 'name'
    alert(obj.name+obj[p]);
    

    虽然写的是 obj[p] ,但由于 p 是一个变量,其值为 'name',所以 obj[p] 完全等同于 obj['name']。

    这种写法结合 for in 语句可以完全遍历一个对象中的所有属性。

    var obj = {
        name:"fdafa",
        age:10
    };
    for(var p in obj){
        alert(p +"="+obj[p]);
    }
    

定义方法

方法名也是一个普通属性,它跟普通属性的定义方式一样。唯一区别在于:使用一个函数为该变量进行赋值。

  1. 将方法名当作一个普通的变量对待。

    var obj = {
        run:function(){
            return "run is obj.fun";
        } // run 是一个普通变量,用一个方法为其赋值,那么 run 就表示一个方法
        'test':function () {
            return "test";
        } // 跟属性定义时一样,test 也可以加引号,也可以不加
    };
    alert(obj.run());
    
    var o2 = new Object();
    o2.run = function(){
        return "run is o2.function"
    } // 通过 点语句 定义一个方法
    alert(o2.run())
    

删除属性

通过 delete 属性名 删除指定的属性。

var obj ={
    name:'fdsa'
}
alert(obj.name)
delete obj.name; //删除掉 obj 对象中的 name 属性
alert(obj.name);

实现 private 与 public 功能

在构造函数中,通过 this 定义的属性或方法,是 public 的,外界可以直接使用。而通过 var 定义的属性或方法却是在外界无法访问到。利用该特性,可以实现 getter 与 setter 类似的功能。

function Demo(){
    var age;
    this.setAge = function(age){
        this.age = age;
    }
    this.getAge = function(){
        return this.age;
    }
}

var d = new Demo()

d.setAge('aaa')
console.log(d.getAge())

外界对 age 的操作只能通过 getAge 和 setAge 进行。类似于 java bean 里面的 setter 与 getter 方法。

实现静态属性

所谓的静态属性就是所有对象共享的属性,一个对象修改了该属性的值,另一个对象的值也会随之改变。

(function(){
    var user
    Demo = function(value){ // Demo 前没有加 var,表示一个全局变量
        user = value;
        Demo.prototype.getUser = function() {
            return user
        };
    }
})()
var d = new Demo('first')
console.log(d.getUser())

var d2 = new Demo('second')
console.log(d.getUser())

都使用 d 对象进行输出,第一次输出 first,第二次输出 second。

由于 user 是匿名函数中的属性,所以每一次 new Demo() 时传递的值便会被共享。

constructor

每一个对象都有 constructor 属性,它指向该对象的构造函数

js 中没有类,普通函数与 new 关键字联合使用时,普通函数会转为构造函数,同时系统会创建一个该构造函数的实例对象。

function Demo(){
    
}

var d = new Demo()  // 与 new 关键字一起使用,Demo 便是一个构造函数,而 d 是该构造函数对应的实例
alert(d.constructor == Demo) // true
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 210,914评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 89,935评论 2 383
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,531评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,309评论 1 282
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,381评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,730评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,882评论 3 404
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,643评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,095评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,448评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,566评论 1 339
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,253评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,829评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,715评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,945评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,248评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,440评论 2 348

推荐阅读更多精彩内容

  • ECMAScript有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就是...
    lovelydong阅读 640评论 0 2
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,596评论 18 399
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,723评论 2 17
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,216评论 0 4
  • 原文链接:https://testerhome.com/topics/4774 以下是恒温的后记 大 概是夏天,龙...
    赏味不足阅读 807评论 0 1