执行环境
- 浏览器:
ctrl+shift+i/cmd+alt+i, - native: ReactNative, Weex, Electron（chromium）
- Server: Nodejs
- cocos2d-js, weChatGame
函数是一等公民
function foo () {}
const foo = function () {} // 匿名函数
const baz = {
foo: function () {}
}
baz.foo()
function bar () {
const foo = () => {}
const foo = a => a + 1
}
additional
- 自执行匿名函数：
(function (global) {})(window)变量注入 - 声明变量：默认用
const，需要的时候才用let, 尽量别用var词法作用域的问题
this 在使用时才知道它的指向
const baz = {
foo: function () { console.log(this) },
a: 12
}
baz.foo()
// this => baz
const foo = baz.foo
foo()
window.foo()
// this => window
additional
全局变量: browser: windows, nodejs: global
异步执行，事件驱动
// browser
document.addEventListener('click', function (e) { alert(1) }, false)
fetch(url).then(() => {})
.catch(e => {})
.then(() => {}) // ....
// server
var server = http.createServer(function (request, response) {
response.writeHead(200, {'Content-Type': 'text/html'});
response.end('<h1>Hello world!</h1>');
})
// cocos2d-js
this.node.on(cc.Node.EventType.TOUCH_END, function (e) {
// handle event
})
additional
- 声明字符串: js 中尽量用单引号声明，因为有的时候会调用 html 中的双引号
变量
true, 1, { a: 1 }, [1], '1'
false, 0, null, undefined, ''
NaN != NaN
additional
== 与 === 的区别，建议平时两个值比较时使用 === 来判断，单值判断可以直接用 if (null), undefined ? 1 : 2
类型
typeof 1 => 'number'
typeof NaN => 'number'
typeof '1' => 'string'
typeof true => 'boolean'
typeof undefined => 'undefined'
typeof [] => 'object'
typeof {} => 'object'
typeof null => 'object'
Array.isArray([]) => true
isNaN(NaN) => true
原型链 Prototype __proto__
每一个实例对象都包含一个 prototype 对象，指向它的原型，并最终指向 Object
Object ----- Array ----- extandArray
_proto_ --- _proto_ ----- _proto_
|---------------- .myExtandMethod
|----------<--x---------------- .map
|---------<--x----------<--x---------------- .hasOwnPorperty
条件
if (SYNAX) {}
else if (SYNAX) {}
else {}
switch (age) {
case 20: alert('青春')
break
case 40: alert('成熟')
break
default:
break
}
表达式
const a = 12
a === 6 ? '是6' : '不是6'
timer && clearTimeout(timer) // if (timer) clearTimeout(timer)
return resultArray || [] // return resultArray ? resultArray : []
