1.常用的對象字面量直接創建
~~~
var stu = {
name:'zhangsan',
age:12,
}
~~~
2.Obj構造函數的方式
~~~
var stu = new Object()
stu.name='zhangsan'
stu.age=12
~~~
以上方式是原始的,但是在實際使用中不可能每次去單獨創建一個,所以有了一些方法,如工廠模式、構造函數模式等。
1.**工廠函數模式**,以前第一次在《js高級編程3》中看到這個感覺名字很奇怪,但是很簡單,就是**封裝**一個普通的**函數**,傳參,**返回**一個需要**對象**,傳參數進去,產出需要的對象,是不是很有工廠流水線的感覺,可能就是因為
這個叫工廠模式?hahah
例子:
~~~
function CreateStu(name,age){
return{
name:name,
age:age,
sex:'女',
sayHello:function(){
console.log(this.name)
}
}
}
var stu1=CreateStu('張三',21,"女")
stu1.sayHello(); // 輸出張三
~~~
2.**構造函數**的方法
~~~
function CreateStu(name,age){
this.name=name;
this.age=age;
this.sayHi=function(){
alert(this.name)
}
}
var stu = new CreateStu('李斯',21)
~~~
關于對象還有很多需要說的,并引起原型與繼承,會在后面一下詳細寫出來。
- 以專業工程師的標準要求自己
- JS
- 函數的this
- 函數的argument
- 函數的apply、bind、call方法
- 創建對象
- 構造函數創建對象
- 原型結合構造函數創建對象
- 原型
- 繼承
- 閉包
- 正則表達式
- Ajax
- 設計模式
- ES6
- es6的模塊化
- 定義變量的新方式
- 函數擴展
- 數組擴展
- 性能與工程化
- 關于http與緩存
- 重排(reflow、layout)與重繪
- 頁面性能
- gulp
- webpack
- 一些項目回顧總結
- 移動端&微信H5游戲
- 微信小程序
- Vue.js
- 隨手記錄
- 如何通過前端技能獲取2018世界杯門票
- jsonp
- es6 javascript對象方法Object.assign()
- 一份不錯的基礎面試題
- vscode常用插件
- koroFileHeader
- 構建自己的Js工具庫
- H5 game
- Phaser從入坑到放棄再入坑
- 1.游戲的創建
- 2.資源的加載
- 3.phaser中的舞臺,世界和攝像機
- 4.游戲縮放控制,移動端的適配
- 5.phaser中的顯示對象
- 1.概述
- 2.phaser中的圖片,圖形,和按鈕
- 3.phaser中的精靈
- 4.文字
- 5.組
- 6.phaser中的動畫
- 7.粒子和瓦片地圖
- 8.瓦片地圖
- lodash
- ES5 to ESNext?—?here’s every feature added to JavaScript since 2015
- 防抖(debounce) 和 節流(throttling)