欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript Objects詳解

 更新時間:2014年09月04日 10:39:15   投稿:hebedich  
在JavaScript中,對象(Objects)是數(shù)據(jù)(變量),屬性和方法。 幾乎“一切”的JavaScript視為對象。日期,數(shù)組,字符串,函數(shù)的…在JavaScript中你也可以創(chuàng)建你自己的對象。

創(chuàng)建對象

 •對象直接量

var o = {
 foo : "bar"
 }
 

•構(gòu)造函數(shù)

var o = new Object();
 

•原型繼承

var p = Object.create(o);
 

類繼承

Javascript對象擁有自有屬性和繼承屬性。

 •在查詢對象o的屬性x時,先查找o中的屬性x,如果沒找到,則查找o的原型對象中的x屬性,直到查找到x或者一個原型是null的對象為止

 •在給對象o的x屬性賦值時,如果o中已經(jīng)有一個自有屬性x,則改變x的值,若o中不存在屬性x,則為o創(chuàng)建一個x屬性并賦值

 •也就是說,只有在查詢時原型鏈才會起作用。

var O = {
 x : 1
 };
function P() {
 this.y = 2;
 }
P.prototype = O;
var t = new P();
 console.log(t);
 console.log('x' in t);//true
 console.log(t.hasOwnProperty('x'));//false
 

可以使用in 或者 hasOwnProperty 來判斷對象中是否存在屬性。

對象屬性

 •遍歷對象屬性
 
可以使用 for..in 來遍歷對象的屬性

使用for..in時會遍歷到原型鏈上的屬性。遍歷順序是以廣度優(yōu)先遍歷

所以使用hasOwnProperty便可以判斷是否是對象自有的屬性。

 •對象屬性的特性
 
使用Object.getOwnPropertyDescriptor()獲取對象特定屬性的描述符

可寫性(writable) 表示對象屬性是否可寫

例如

var o = {
  foo : 'bar'
}
Object.defineProperty(o, "foo", { writable : false });
o.foo = 'world';
console.log(o.foo);//仍然輸出bar

 可枚舉性(enumerable) 表示對象屬性是否可枚舉

例如
 Array中的length等屬性的 enumerable是false,所以,

for (p in Array) {
  console.log(p);
}

 什么也不輸出

可配置性(configurable) 表示可否修改屬性的可配置性和可枚舉性

可以用Object.defineProperties來定義這些配置屬性。
Object.defineProperty(o, "foo", { writable : false });

 Get 表示獲取對象屬性的方法
Set 表示設(shè)置對象屬性的方法

示例

var book = {
  _year: 2004,
  edition: 1
};
Object.defineProperty(book, "year", {
  get: function () {
    console.log('get year');
    return this._year;
  },
  set: function (newValue) {
    console.log('set year');
    if (newValue > 2004) {
      this._year = newValue;
      this.edition += newValue - 2004;
    }
  }
});
book.year = 2005;//控制臺輸出‘set year'
console.log(book.year);//控制臺輸出‘get year'和year的值

 對象方法

toString 將對象轉(zhuǎn)換成字符串,默認的轉(zhuǎn)換會是[object Object]之類的東西,所以需要轉(zhuǎn)成json格式的話可以用JSON.stringify

valueOf 需要將對象轉(zhuǎn)換成其他類型的時候要用到。同樣的,默認轉(zhuǎn)換沒什么值得說的。
 
可執(zhí)行對象

通過如下方法可以創(chuàng)建一個可執(zhí)行對象

function bar(o) {
  var f = function() { return "Hello World!"; }
  o.__proto__ = f.__proto__;
  f.__proto__ = o;
  return f;
}
var o = { x: 5 };
var foo = bar(o);
console.log(foo());
console.log(foo.x);
console.log(typeof foo);//function

 既可以當作對象來使用(有原型鏈),也可以當作函數(shù)來直接調(diào)用

相關(guān)文章

  • JavaScript入門初體驗書寫方式

    JavaScript入門初體驗書寫方式

    學了這么久,你真的了解javascript嗎?很多不知道的小白總是把它和java聯(lián)系在一起,在這里阿牛很負責任的告訴你們,兩者沒有任何關(guān)系,今天就來帶你們一起揭開javascript的神秘面紗
    2022-03-03
  • JavaScript高級程序設(shè)計

    JavaScript高級程序設(shè)計

    JavaScript高級程序設(shè)計...
    2006-12-12
  • Javascript實例項目放大鏡特效的實現(xiàn)流程

    Javascript實例項目放大鏡特效的實現(xiàn)流程

    商城網(wǎng)站包括APP端中把鼠標光標移動到預覽圖上就會看到這部分商品圖片放大了,這就是JavaScript實現(xiàn)的放大鏡特效,今天我們也來實現(xiàn)一波
    2021-11-11
  • js中top/parent/frame概述及案例應用

    js中top/parent/frame概述及案例應用

    top:永遠指分割窗口最高層次的瀏覽器窗口;parent:包含當前分割窗口的父窗口,本文將圍繞js中top、parent、frame進行講述及他們的應用案例
    2013-02-02
  • Javascript學習筆記1 數(shù)據(jù)類型

    Javascript學習筆記1 數(shù)據(jù)類型

    在Javascript中只有五種簡單類型,分別為null,undefined,boolean,String和Number.一種復雜類型:object。
    2010-01-01
  • 簡介JavaScript中Math.cos()余弦方法的使用

    簡介JavaScript中Math.cos()余弦方法的使用

    這篇文章主要介紹了簡介JavaScript中Math.cos()余弦方法的使用,是JS入門學習中的基礎(chǔ)知識,需要的朋友可以參考下
    2015-06-06
  • 正則表達式(語法篇推薦)

    正則表達式(語法篇推薦)

    下面小編就為大家?guī)硪黄齽t表達式(語法篇推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • javascript實現(xiàn)的網(wǎng)頁局布刷新效果

    javascript實現(xiàn)的網(wǎng)頁局布刷新效果

    AJAX,近幾年火熱起來的一個詞.什么是ajax本文就不介紹了,其實,AJAX也就是 javascript腳本的應用.全拼是:AsynchronousJavaScript+XML .現(xiàn)在我們就來看一個用javascript實現(xiàn)的局部刷新
    2008-12-12
  • 前端js文件合并的三種方式推薦

    前端js文件合并的三種方式推薦

    下面小編就為大家?guī)硪黄岸薺s文件合并的三種方式推薦。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • input按鈕的事件處理大全

    input按鈕的事件處理大全

    input按鈕的事件處理大全,收集的是網(wǎng)頁中常用的一些事件處理,需要的朋友可以收藏下。
    2010-12-12

最新評論