美文网首页
javascript面向对象

javascript面向对象

作者: zd9027 | 来源:发表于2016-02-19 18:01 被阅读23次

    对象

    一个对象就是一个属性集合,并拥有一个独立的prototype(原型)对象。
    这个prototype可以是一个对象(所谓它的原型对象)或者null(原型链终点)。

    栗子:foo,两个明显的自身属性(x,y)和一个隐含的__proto__属性,这个属性是对foo
    原型对象的引用:

    Paste_Image.png
    对象作为数据类型

    JavaScript 的对象可以作为哈希表使用,主要用来保存命名的键与值的对应关系。
    使用对象的字面语法{}可以创建一个简单对象。这个新创建的对象从Object.prototype继承下面,没有任何自定义属性。

    var foo = {}; // 一个空对象
    // 一个新对象,拥有一个值为12的自定义属性'test'
    var bar = {test: 12}; 
    
    访问属性

    有两种方式来访问对象的属性,点操作符或者中括号操作符。
    var foo = {name: 'kitten'}foo.name; // kittenfoo['name']; // kittenvar get = 'name';foo[get]; // kittenfoo.1234; // SyntaxErrorfoo['1234']; // works

    两种语法是等价的,但是中括号操作符在下面两种情况下依然有效

    • 动态设置属性
    • 属性名不是一个有效的变量名(译者注比如属性名中包含空格,或者属性名是 JS 的关键词)

    译者注JSLint 语法检测工具中,点操作符是推荐做法。

    删除属性

    删除属性的唯一方法是使用 delete
    操作符;设置属性为 undefined
    或者null
    并不能真正的删除属性, 而仅仅是移除了属性和值的关联。
    var obj = { bar: 1, foo: 2, baz: 3};obj.bar = undefined;obj.foo = null;delete obj.baz;for(var i in obj) { if (obj.hasOwnProperty(i)) { console.log(i, '' + obj[i]); }}

    上面的输出结果有 bar undefined
    和 foo null

    • 只有 baz
      被真正的删除了,所以从输出结果中消失。
    属性名的语法

    var test = { 'case': 'I am a keyword so I must be notated as a string', delete: 'I am a keyword too so me' // 出错:SyntaxError};

    对象的属性名可以使用字符串或者普通字符声明。但是由于 JavaScript 解析器的另一个错误设计, 上面的第二种声明方式在 ECMAScript 5 之前会抛出SyntaxError
    的错误。
    这个错误的原因是 delete
    是 JavaScript 语言的一个关键词;因此为了在更低版本的 JavaScript 引擎下也能正常运行, 必须使用字符串字面值声明方式。

    JavaScript 中所有变量都可以当作对象使用,除了两个例外null和undefined

    提问!!! 数字可以作文对象来使用吗? 2.toString();会输出什么???
    特殊的栗子
    一个常见的误解是数字的字面值(literal)不能当作对象使用。
    这是因为 JavaScript 解析器的一个错误, 它试图将点操作符解析为浮点数字面值的一部分。

    2.toString(); // 出错:SyntaxError
    

    有很多变通方法可以让数字的字面值看起来像对象。

    2..toString(); // 第二个点号可以正常解析
    2 .toString(); // 注意点号前面的空格
    (2).toString(); // 2先被计算
    

    构造函数

    通常情况下需要对象拥有相同或者相似的状态结构(也就是相同的属性集合),赋以不同的状态值。在这个情况下我们可能需要使用构造函数(constructor function),其以指定的模式来创造对象。

    除了以指定模式创建对象之外,构造函数也做了另一个有用的事情-它自动地为新创建的对象设置一个原型对象。这个原型对象存储在ConstructorFunction.prototype属性中。

    换句话说,我们可以使用构造函数来重写上一个拥有对象b和对象c的例子。因此,对象a(一个原型对象)的角色由Foo.prototype来扮演:

    //构造函数Foo(注意不是foo)
    function Foo(y) {
      this.y = y;
    //自动创建了一个prototype属性,值为Foo.prototype
    //自带__proto__属性,值为Function.prototype(自带__proto__属性,值为Object.prototype<...>)
    }
    
    // 定义Foo.prototype内有个x属性,值为10
    Foo.prototype.x = 10;
    
    // 定义Foo.prototype内有个calculate方法
    Foo.prototype.calculate = function (z) {
      return this.x + this.y + z;
    };
    
    // 基于Foo创建b,c
    var b = new Foo(20);
    var c = new Foo(30);
    
    // 调用继承来的calculate方法
    b.calculate(30); // 60
    c.calculate(40); // 80
    
    console.log(
    
      b.__proto__ === Foo.prototype, // true
      c.__proto__ === Foo.prototype, // true
    
      b.constructor === Foo, // true
      c.constructor === Foo, // true
      Foo.prototype.constructor === Foo // true
    
      b.calculate === b.__proto__.calculate, // true
      b.__proto__.calculate === Foo.prototype.calculate // true
    
    );
    
    Paste_Image.png

    变量作用域

    变量的作用域由函数限定,不是全局,就是局部。
    全局处处可以访问,局部只有在变量被声明的地方才能访问。
    在js中唯一能定义变量作用域的语块就是函数,所以全局变量在函数外部定义,局部变量在函数内部定义。

    注意!在函数内部,要是忘记写var了,这个变量就会变成全局变量了~

    提问!! for循环内的变量的作用域是??

    闭包

    闭包是组织垃圾回收器将变量从内存中移除的方法,使得在创建变量的执行环境的外面能够访问到该变量。
    常用于保存变量,以便在ajax请求返回时使用。

    var p={
        name: 'zd',
        who: function () {
            $.ajax({
                success: function () {
                    console.log(this.name);      
                }    
            });
        }
    };
    p.who();//zd
    

    forEach (js v1.6)
    map (js v1.6)
    filter (js v1.6)
    some (js v1.6)
    every (js v1.6)
    indexOf (js v1.6)
    lastIndexOf (js v1.6)
    reduce (js v1.8)
    reduceRight (js v1.8)

    相关文章

      网友评论

          本文标题:javascript面向对象

          本文链接:https://www.haomeiwen.com/subject/ibumkttx.html