摘要:面向對象概述面向對象編程的全稱是簡稱為。面向對象編程是用抽象方式創建給予現實世界模型的一種編程模式。構造函數構造函數又被稱為構造器或對象模板,是創建對象的一個方法。
面向對象 概述
面向對象編程的全稱是Object Oriented Programming,簡稱為OOP。面向對象編程是用抽象方式創建給予現實世界模型的一種編程模式。面向對象編程可以
面向對象編程的三個主要特征是:1.封裝 2.繼承 3.多態
所有的程序是由一定的屬性和行為對象組成的 不同的對象的訪問通過函數調用來完成 對象間所有的交流都是通過方法調用 通過對封裝對象數據 提高復用率
JavaScript是一種基于原型的面向對象編程 而不是基于類的。
構造函數又被稱為構造器或對象模板,是創建對象的一個方法。
創建愛你構造函數創建構造函數是用于創建對象
語法:
function 構造函數名稱(){
this . 屬性名 =屬性值;
this . 方法名 = function(){
方法體}
}
示例代碼如下:
function HERO (){ this . name = "EVA"; this . sayMe = function (){ console .log("this is eva") } }/*this關鍵字用于指代利用當前構造函數創建的對象*/ /*利用已經創建的構造函數創建對象*/ var hero = new Hero("shinji"); console.log(hero);Object創建對象
// 表示創建一個空對象 var obj1 = new Object(null); var obj2 = new Object(undefined); // 表示創建一個與給定值對應類型的對象 var obj3 = new Object(100); console.log(obj3);// [Number: 100] var num = new Number(100); console.log(num);// [Number: 100] // 當以非構造函數形式被調用時,Object等同于new Object() var obj4 = Object();// 函數調用 var obj5 = new Object();// 構造函數調用Object類型 操作對象的屬性 屬性描述符
用于描述對象的值,控制其行為,例如該屬性是否可寫、是否可配置、是否可修改以及是否可美劇等
屬性描述符有兩種主要的形式:數據描述符和存取描述符
數據描述符是一個具有值的屬性,該值可能是可寫的,也可能不是可寫的。數據描述符有以下可選的鍵值:
1.value:該屬性對應的值 可以是任何有效的JaveScript值(數值 對象 函數等)默認為undefined
2.writable:當且僅該屬性的writable為true時 value才能被賦值運算符改變 默認為false
3.configurable:當且該屬性的configurable 為true時 該屬性描述符才能夠被改變 同時該屬性也能從對應的對象上被刪除 默認為false
4.enumerable:當且僅該屬性的enumerable為true時 該屬性才能夠出現在對象的枚舉屬性中 默認為false
/* 通過定義對象(屬性或方法)這種方式 * 屬性默認都是數據描述符 */ var obj = { name : "EVA" } /* 使用Object.getOwnPropertyDescriptor()方法獲取指定屬性的描述符 Object.getOwnPropertyDescriptor(obj,prop) * obj - 表示指定屬性對應的目標對象 * prop - 表示獲取描述符的目標屬性名稱 * 返回值 - 其屬性描述符對象 */ var result = Object.getOwnPropertyDescriptor(obj,"name"); console.log(result); /*輸出結果為 { value: "EVA", writable: true, enumerable: true, configurable: true }*/設置屬性描述符value
var obj = { // 定義對象的同時定義了該屬性以及值(可修改、可刪除以及可枚舉的) name : "EVA" } /* Object.defineProperty(obj, prop, desc)方法 * 作用 * 用于定義目標對象的新屬性 * 用于修改目標對象的已存在屬性 * 參數 * obj - 表示目標對象 * prop - 表示目標對象的目標屬性名稱 * desc - 表示屬性描述符,必須是對象格式 { value : 值 } * 返回值 - 返回傳遞的對象 */ Object.defineProperty(obj, "name", { value : "EVA02" }); console.log(obj.name);// EVA02 /* 同樣都是為對象新增屬性 1.如果直接使用 "對象名.屬性名 = 值" -> 可修改、可刪除以及可枚舉的 2.如果使用Object.defineProperty()方法新增屬性 * 該新屬性是不可修改、不可刪除以及不可枚舉的 */ Object.defineProperty(obj, "age", { value : 18 }); console.log(obj.age);// 18 var result1 = Object.getOwnPropertyDescriptor(obj, "age"); console.log(result1); // 一旦屬性的值是不可修改的 - 如果執行修改操作時 -> 沒有語法報錯,但是無效 obj.age = 80; console.log(obj.age);// 18 obj.job = "駕駛員"; var result2 = Object.getOwnPropertyDescriptor(obj, "job"); console.log(result2);設置屬性描述符writable
var obj = { // 定義對象的同時定義了該屬性以及值(可修改、可刪除以及可枚舉的) name : "碇真嗣" } // 修改現有屬性 Object.defineProperty(obj, "name", { value : "綾波麗", writable : false // 不可修改 }); console.log(obj.name);// 綾波麗 // 修改name屬性值 obj.name = "明日香"; console.log(obj.name);// 綾波麗 Object.defineProperty(obj, "age", { value : 18, writable : true }); console.log(obj.age);// 18 // 修改age屬性值 obj.age = 80; console.log(obj.age);// 80 // 刪除age屬性值 delete obj.age; console.log(obj.age);// undefined設置屬性描述符configurable
var obj = { // 定義對象的同時定義了該屬性以及值(可修改、可刪除以及可枚舉的) name : "碇真嗣" } // 修改現有屬性 Object.defineProperty(obj, "name", { value : "綾波麗", writable : true, // 控制當前屬性是否可被修改 configurable : true // 控制當前屬性是否可被刪除 }); console.log(obj.name);// 綾波麗 // 修改name屬性值 obj.name = "明日香"; console.log(obj.name);// 綾波麗 // 刪除name屬性值 delete obj.name; console.log(obj.name);// 綾波麗設置屬性描述符enumerable
var obj = { // 定義對象的同時定義了該屬性以及值(可修改、可刪除以及可枚舉的) name : "碇真嗣" } Object.defineProperty(obj, "name", { value : "綾波麗", enumerable : false }); console.log(obj.name);// 綾波麗 /* 屬性描述符enumerable - 控制當前屬性是否可被枚舉(遍歷) * 僅能循環遍歷對象中可被枚舉的屬性 * for...in語句 * keys()方法 * 可以循環遍歷對象中可被枚舉和不可被枚舉的屬性 * getOwnPropertyNames()方法 */ for (var i in obj) { console.log(i); } var result1 = Object.keys(obj); console.log(result1); var result2 = Object.getOwnPropertyNames(obj); console.log(result2);屬性描述符存取器
var obj = { name : "碇真嗣" } var value;// 全局變量 Object.defineProperty(obj, "name", { // 獲取指定的屬性值 get : function(){// 當獲取或訪問當前屬性時,會調用get方法 console.log("this is get function"); /* 類似于數據描述符中的value * get方法在被調用時,不能傳遞任何參數 * get方法在被調用時,允許傳遞this關鍵字 * this - 表示當前的目標對象(不能調用對象的當前目標屬性) */ return value;// 由于變量為初始化,調用時可能結果為 undefined }, /* set方法用于定義當前目標屬性的修改作用 * 該方法接收唯一的一個參數 -> 作為當前目標屬性的新的值 * 通過屬性修改操作指定的新的值 -> 作為形參對應的實參 */ set : function(newValue){ console.log("this is set function: " + value); /* set方法在被調用時,允許傳遞this關鍵字 * this - 表示當前的目標對象(不能調用對象的當前目標屬性) */ value = newValue; } }); console.log(obj.name);// undefined obj.name = "綾波麗"; console.log(obj.name);// 綾波麗防篡改對象
定義的對面默認在任何時候 任何位置 無論有意義的還是無意義的都可以修改對象的屬性或方法,而這些篡改可能會影響對象的內置屬性或方法 從而導致對象的正常功能可能無法使用。JaveScript在ECWASScript5版本中新增了放置篡改對象的屬性或方法的機制 共提供了三級保護方式:
1.禁止擴展:禁止為對象擴展新的屬性或方法
2.密封對象:禁止擴展新的屬性或方法 禁止配置現有的屬性或方法的描述符 僅允許讀寫屬性的值
3.凍結對象:禁止對對象執行任何修改操作
禁止為對象擴展新的屬性或方法
var obj = {}; // 將對象設置禁止擴展 Object.preventExtensions(obj); // 新增屬性或方法無效 -> 語法沒有報錯 obj.name = "張無忌"; console.log(obj); /* Object.defineProperty()方法新增屬性 * 結果 - 報錯 * 信息 - TypeError: Cannot define property:name, object is not extensible. */ Object.defineProperty(obj, "name", { value : "周芷若" }); console.log(obj); /* Object.isExtensible(obj)方法 * 作用 - 用于判斷指定目標對象是否可擴展 * 返回值 * true - 表示指定目標對象是可擴展的 * false - 表示指定目標哦對象是不可擴展的 */ var result = Object.isExtensible(obj); console.log(result);密封對象
禁止擴展新的屬性或方法,禁止配置現有的屬性或方法的描述符,僅允許讀寫屬性的值
var obj = { name : "張無忌" // 表示可修改 }; console.log(Object.getOwnPropertyDescriptor(obj, "name")); /* 將該對象進行密封 1.不能為該對象新增屬性或方法 2.不能修改該對象的屬性或方法的描述符 * configurable * enumerable */ Object.seal(obj); console.log(Object.getOwnPropertyDescriptor(obj, "name")); /* 新增屬性 obj.age = 18; console.log(obj); // 修改屬性 obj.name = "周芷若"; console.log(obj); */ /*Object.defineProperty(obj, "age", { value : 18 });*/ Object.defineProperty(obj, "name", { value : "周芷若", writable : false, // 表示不可修改 configurable : true, enumerable : false }); console.log(Object.getOwnPropertyDescriptor(obj, "name")) console.log(obj); obj.name = "趙敏"; console.log(obj);凍結對象
禁止對對象執行任何操作
var obj = { name : "張無忌" } // 凍結對象 Object.freeze(obj);
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/108173.html
摘要:第五天到第六天的內容沒有記筆記,不好不好。第七天到第八天的學習目標是學習布局的各種方式。主要包含相關和相關。定位的元素應該在文檔流中的間隙不再存在絕對定位的元素不再存在于正常文檔布局流程中。內容較多,請參考學習了容器項第五天到第六天的內容沒有記筆記,不好不好。 第七天到第八天的學習目標是:學習布局的各種方式。主要包含position相關和Flexbox相關。 知識點: 1、默認情況下,塊級元...
摘要:網上有很多前端的學習路徑文章,大多是知識點羅列為主或是資料的匯總,數據量讓新人望而卻步。天了解一個前端框架。也可以關注微信公眾號曉舟報告,發送獲取資料,就能收到下載密碼,網盤地址在最下方,獲取教程和案例的資料。 前言 好的學習方法可以事半功倍,好的學習路徑可以指明前進方向。這篇文章不僅要寫學習路徑,還要寫學習方法,還要發資料,干貨滿滿,準備接招。 網上有很多前端的學習路徑文章,大多是知...
摘要:分布對象的誘惑中間件的對象分布對上層透明崔然非常有用,但跨進程跨機器還有網絡調用,影響性能遠程接口和本地接口遠程訪問的對象需要使用粗粒度接口,而本地訪問的對象需要使用細粒度接口優化性能時,本地接扣可以提供粗粒度對象基于,就不能把在單進程中設 1. 分布對象的誘惑: 中間件的對象分布對上層透明崔然非常有用,但跨進程、跨機器(還有網絡)調用,影響性能! 2. 遠程接口和本地接口: 1)...
摘要:簡介全稱中文為塊級格式化上下文。特征總之記住一句話元素特征表現原則就是內部元素無論怎么翻江倒海,都不會影響外部元素。如何觸發,常見如下的值不為的值為,或。的值不為和需掌握自適應模塊布局內容很多,具體參考1、BFC簡介 BFC全稱block formatting context,中文為塊級格式化上下文。特征總之記住一句話: BFC元素特征表現原則就是:內部元素無論怎么翻江倒海,都不會影響外部元...
摘要:編程書籍的整理和收集最近一直在學習深度學習和機器學習的東西,發現深入地去學習就需要不斷的去提高自己算法和高數的能力然后也找了很多的書和文章,隨著不斷的學習,也整理了下自己的學習筆記準備分享出來給大家后續的文章和總結會繼續分享,先分享一部分的 編程書籍的整理和收集 最近一直在學習deep learning深度學習和機器學習的東西,發現深入地去學習就需要不斷的去提高自己算法和高數的能力然后...
閱讀 1492·2019-08-30 15:44
閱讀 1954·2019-08-30 14:07
閱讀 2882·2019-08-30 13:56
閱讀 2352·2019-08-29 17:06
閱讀 1333·2019-08-29 14:13
閱讀 2092·2019-08-29 11:28
閱讀 3238·2019-08-26 13:56
閱讀 1957·2019-08-26 12:11