CategoryJavaScript

【六角學院】JavaScript 作品實戰直播班 – 心得感想

最近部落格很少更新,都是因為我跑去上了這個線上異地同步課程(?)的關係,導致我根本沒時間看其他書或寫文章,現在快接近尾聲了,在我繼續刻我的作品前,先來寫篇心得,推廣一下我最推薦的 六角學院

Continue reading

深入了解 JavaScript (二)

因為在工作中看到bind,搞了很久之後才發現自己根本把bind和apply、call搞混了,決定先把這個部分給搞清楚。

前言

當我們在建立一個物件或函式(特別的物件)時,除了我們給他的東西以外,JavaScript還會同時給它三個方法:bind、call、apply

Continue reading

深入了解 JavaScript (一)

因為正在深入了解 JavaScript這個語言,因為已經下定決心要先熟練這個語言了,應該要好好瞭解並熟悉一些更深入的概念和用法才是,並且把自己的筆記放在這,希望也能有些用處。

Continue reading

ES6 筆記 – Getters 和 Setters

簡單的方法:

let person = {
    firstName: 'Jimmy',
    lastName: 'Huan',
    get fullName(){
        return this.firstName + ' ' + this.lastName;
    },
    set fullName(name){
        let words = name.split(' ');
        this.firstName = words[0] || '';
        this.lastName = words[1] || '';
    }
}

官方的方法:

let person = {
    firstName: 'Jimmy',
    lastName: 'Huan'
}

Object.defineProperty(person, 'fullName', {
    get: function(){
        return this.firstName + ' ' + this.lastName;
    },
    set: function(name) {
        var words = name.split(' ');
        this.firstName = words[0] || '';
        this.lastName = words[1] || '';
    }
});

console.log(person.fullName);// 'Jimmy Huan'
person.fullName = "Kobe Bryant"; //'Kobe Bryant'
console.log(person.firstName); // 'Kobe'
console.log(person.lastName); // 'Bryant'