课程介绍 复习 创建对象的三种方式 自定义构造函数创建对象 工厂模式创建对象
生活随笔
收集整理的這篇文章主要介紹了
课程介绍 复习 创建对象的三种方式 自定义构造函数创建对象 工厂模式创建对象
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
課程介紹
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script src="jquery-1.12.1.js"></script><script>/*** 課程介紹:* 原型及作用* 小案例--貪吃蛇* 繼承* 高階函數* 內置的方法* 正則表達式*/</script><script>/*** 1.復習--大量的時間----半個小時* 2.面向對象和面向過程的編程思想* 3.對象創建的三種方式* 原型的的引入----原型的作用* 原型的寫法----重點* 實例對象和構造函數和原型對象三者之間的關系--重點* 體驗面向對象的方式編程的思想--體驗的案例--理解* 原型的簡單的語法--注意的問題* 隨機食物的產生----小例子--能夠寫出來*/</script> </head> <body></body> </html>?復習
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script src="jquery-1.12.1.js"></script><script>/*** JavaScript簡稱:JS* JS分是三個部分:* 1 ECMAScript標準----基礎的語法* 2 DOM Document Object Model 文檔對象模型* 3 BOM Browser Object Model 瀏覽器對象模型* 什么是JS?* 是一門腳本語言* 是一門解釋性語言* 是一門弱類型語言* 是一門基于對象的語言* 是一門基于對象的語言** 動態頁面:頁面由html+css+js* 向服務器發送請求,服務器那邊沒有頁面,是動態的生成,返回給客戶端** js最初的目的:解決用戶和服務器之間的交互問題* js做特效,游戲,移動端,服務端*** 編程思想:* 面向過程:所有的事情都是親力親為,注重的是過程* 面向對象:提出需求,找對象,對象解決,注重的是結果* js不是一門面向對象的語言,是基于對象的語言,js來模擬面向對象* 面向對象的特性:繼承,封裝,多態,(抽象性)* 封裝:就是包裝,把一些重用的內容進行包裝,在需要的時候,直接使用* 把一個值,存放在一個變量中,把一些重用的代碼放在函數中,把好多相同功能的* 函數放在一個對象中,把好多功能的對象,放在一個文件中,把一些相同的內容放在* 一個對象中** 繼承:類與類之間的關系,js中沒有類的概念,js中有構造函數的概念,是可以有* 繼承的,是基于原型的** 多態:同一個行為,針對不同的對象,產生了不同的效果* */</script> </head> <body></body> </html>創建對象的三種方式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script>// 對象:特指的某個事物,具有屬性和方法(一組無序屬性的集合)// 特征---->屬性// 行為---->方法// 小蘇:---->姓名,性別,年齡,吃,睡覺,玩// 創建對象的三種方式:// 1 字面量的方式// 2 調用系統的構造函數// 3 自定義構造函數// 實例對象// var per1 = {// name:"卡卡西",// age:20,// sex:"男",// eat:function(){// console.log("吃臭豆腐");// },// readBook:function(){// console.log("親熱天堂");// }// };// // 調用系統的構造函數// var per2 = new Object();// per2.name = "大蛇丸";// per2.age = 29;// per2.sex = "男";// per2.eat = function(){// console.log("吃榴蓮");// };// per2.play = function(){// console.log("這個小蛇真好玩");// };// function Person(){// }// console.log(per2 instanceof Object);// var dog = new Object();// 自定義構造函數function Person(name,age,sex){this.name = name;this.age = age;this.sex = sex;this.play = function(){console.log("天天打游戲");};}var per = new Person("周天",18,"女");console.log(per instanceof Person);</script> </head> <body></body> </html>自定義構造函數創建對象
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script>function Person(name,age){this.name = name;this.age = age;this.sayHi = function(){console.log("您好");};}// 創建對象---->實例化一個對象,同時對屬性進行初始化var per = new Person("小紅",20);/*** 1.開辟空間存儲對象* 2.把this設置為當前的對象* 3.設置屬性和方法的值* 4.把this的對象返回* */</script> </head> <body></body> </html>工廠模式創建對象
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script>function createObject(name,age){var obj = new Object();obj.name = name;obj.age = age;obj.sayHi = function(){console.log("您好");};return obj;}var per1 = createObject("小明",20);function Person(name,age){this.name = name;this.age = age;this.sayHi = function(){console.log("您好");};}// 創建對象---->實例化一個對象,同時對屬性進行初始化var per = new Person("小紅",20);/*** 共同點:都是函數,都可以創建對象,都可以傳入參數* * 工廠模式:* 函數名是小寫* 有new,* 有返回值* new之后的對象是當前的對象* 直接調用函數就可以創建對象* * 自定義構造函數* 函數名是大寫(首字母)* 沒有new* 沒有返回值* this是當前的對象* 通過new的方式來創建對象* */</script> </head> <body></body> </html>?
總結
以上是生活随笔為你收集整理的课程介绍 复习 创建对象的三种方式 自定义构造函数创建对象 工厂模式创建对象的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 事件参数对象下的几个属性 mouseen
- 下一篇： 构造函数和实例对象之间的关系 构造函数创