2019年1月9日 ES6 学习心得

ES6为我们创建对象提供了新的语法糖，这就是Class语法。如果你对ES5中面向对象的方式比较熟悉的话，Class掌握起来也是非常迅速的，因为除了写法的不同，它并不会增加新的难以理解的知识点。我们先利用一个简单的例子来看看写法的不同。

// ES5

// 构造函数

function Person(name, age) {

  this.name = name;

  this.age = age;

}

// 原型方法

Person.prototype.getName = function() {

  return this.name

}

// ES6

class Person {

  constructor(name, age) {  // 构造函数

    this.name = name;

    this.age = age;

  }

  getName() {  // 原型方法

    return this.name

  }

}

babel会将ES6的写法编译成为利用Object.defineProperty实现的方式，这个方法的具体用处大家可以在《JavaScript高级编程3》中学习了解，包括get，set，等都有详细的说明

// JS常用套路

看到这段代码, 没明白是什么意思, 这里面的!!是什么语法呢?

export function isLogin() {

  return !!cookie.load('token')

}

这是套路，如何把一个任意类型的值转换为布尔类型？
用！！一个！是取非再一个！又取非相当于把这个数据转换为boolen类型了

还有

// 强制转换为Boolean 用 !!

var bool = !!"c";

console.log(typeof bool); // boolean

// 强制转换为Number 用 +

var num = +"1234";

console.log(typeof num); // number

// 强制转换为String 用 ""+

var str = ""+ 1234;

console.log(typeof str); // string

巴特西

2019年1月9日 ES6 学习心得

最新文章

热门文章