當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
new 实例化对象是啥意思_二. 初步认识JS中的类和对象
生活随笔
收集整理的這篇文章主要介紹了
new 实例化对象是啥意思_二. 初步认识JS中的类和对象
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1 構造函數的定義
在JS中, 沒有類(class)的概念, 主要是通過構造函數來模擬的.
語法 function 構造函數名 () {// 函數體}通過以上方式就可以定義一個Person構造函數, 相當于定義好了一個Person類
2-1構造函數的定義https://www.zhihu.com/video/11525159763889725442 構造函數的作用
1) 通過構造函數實例化對象
在JS中, 我們通過構造函數(類)來實例化對象
語法 new 構造函數名() 示例 // 一. 定義一個構造函數function Person() {}// 二. 實例化一個對象, 賦值給變量pvar p = new Person();console.log(typeof p); // object以上代碼
- 通過new關鍵字, 產生了一個對象, 并賦值給變量p
- 通過typeof p測試變量p的類型為object, 說明p是一個對象
2) 在構造函數中定義屬性
構造函數規定了由該類實例化出來的對象應該包含哪些屬性比如, 由學生類實例化出來的學生對象都應該有姓名, 年齡這些屬性
function Student () {this.uname = null;this.age = null;}在構造函數的內部, 我們通過this.屬性名的方式來定義屬性
在這里, 大家先把這個看作固定寫法, 后面我們再具體分析
構造函數雖然可以規定實例對象應該包含哪些屬性, 但是并不能確定實例對象的屬性值比如 人類都應該有名字這個屬性, 但是具體叫什么名字, 只有在一個人出生的時候才去確定
因此, 在實例化對象的時候, 需要將具體的數據傳遞給構造函數
// 一. 定義一個學生類function Student(n, a) {this.uname = n;this.age = a;}// 二. 實例化對象var stu = new Student('xiaoming', 20); 重要結論構造函數主要完成屬性的初始化!!!2-3在構造函數中定義屬性https://www.zhihu.com/video/1152527006452371456練習
一. 通過構造函數Phone定義一個手機類, 包含型號(type), 價格(price), 顏色(color), 屏幕大小(size)
二. 實例化兩個對象
- 一個iphone對象, 型號: iphoneX, 價格: 6999, 顏色: 土豪金, 屏幕大小: 5.8英寸
- 一個huawei對象, 型號:p30 pro, 價格: 5988, 顏色: 極光藍, 屏幕大小: 6.1英寸
一.通過構造函數Hero定義一個英雄類, 包含血量(HP), 類型(type), 攻擊力(attack)
二.實例化兩個對象
- 一個lianpo對象, 血量:700, 類型: 力量型, 攻擊力: 70
- 一個houyi對象, 血量:300, 類型: 射手, 攻擊力: 130
3 小結
總結
以上是生活随笔為你收集整理的new 实例化对象是啥意思_二. 初步认识JS中的类和对象的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: V 社和英伟达考虑优化 Steam De
- 下一篇: 苹果上线iPhone 14系列兔年保护套