-
创建对象
构造函数 忘记写new怎么办 练习 JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。 当我们用obj.xxx 访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，如果没有找到，就到其原型对象上找，如果还没有找到，就一直上溯到Object.prototype 对象，最后，如果还没有找到，就只能返回undef... -
变量作用域与解构赋值
变量提升 全局作用域 名字空间 局部作用域 常量 解构赋值 使用场景 在JavaScript中，用var 申明的变量实际上是有作用域的。 如果一个变量在函数体内部申明，则该变量的作用域为整个函数体，在函数体外不可引用该变量： function foo () { var x = 1 ; x = x... -
操作DOM
由于HTML文档被浏览器解析后就是一棵DOM树，要改变HTML的结构，就需要通过JavaScript来操作DOM。 始终记住DOM是一个树形结构。操作一个DOM节点实际上就是这么几个操作： 更新：更新该DOM节点的内容，相当于更新了该DOM节点表示的HTML的内容； 遍历：遍历该DOM节点下的子节点，以便进行进一步操作； 添加：在该DOM节点下新增... -
Date
时区 练习 在JavaScript中，Date 对象用来表示日期和时间。 要获取系统当前时间，用： let now = new Date (); now ; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST) now . getFullYear (); // 2015, 年份 now... -
async函数
我们说JavaScript异步操作需要通过Promise实现，一个Promise对象在操作网络时是异步的，等到返回后再调用回调函数，执行正确就调用then() ，执行错误就调用catch() ，虽然异步实现了，不会让用户感觉到页面“卡住”了，但是一堆then() 、catch() 写起来麻烦看起来也乱。 有没有更简单的写法？ 可以用关键字async 配合... -
标准对象
包装对象 在JavaScript的世界里，一切都是对象。 但是某些对象还是和其他对象不太一样。为了区分对象的类型，我们用typeof 操作符获取对象的类型，它总是返回一个字符串： typeof 123 ; // 'number' typeof 123n ; // 'bigint' typeof NaN ; // 'nu... -
原型继承
小结 在传统的基于Class的语言如Java、C++中，继承的本质是扩展一个已有的Class，并生成新的Subclass。 由于这类语言严格区分类和实例，继承实际上是类型的扩展。但是，JavaScript由于采用原型继承，我们无法直接扩展一个Class，因为根本不存在Class这种类型。 但是办法还是有的。我们先回顾Student 构造函数： fu... -
Canvas
绘制形状 绘制文本 练习 Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等。 没有Canvas的年代，绘图只能借助Flash插件实现，页面不得不用JavaScript和Flash进行交互。有了Canvas，我们就再也不需要Flash了，直接使用JavaScript完成绘制。 一个Canvas... -
数组
indexOf slice push和pop unshift和shift sort reverse splice concat join 多维数组 小结 JavaScript的Array 可以包含任意数据类型，并通过索引来访问每个元素。 要取得Array 的长度，直接访问length 属性： // Array.length: ... -
Promise
在JavaScript的世界中，所有代码都是单线程执行的。 由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现： function callback () { console . log ( 'Done' ); } console . log ( 'before ...
