dyChao

definePropertyObject.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象，也就是说，该方法允许精确地添加或修改对象的属性。 语法Object.defineProperty(obj, prop, descriptor)obj: 要定义属性的对象。prop: 要定义或修改的属性的名称或Symbol。descriptor: 要定义或修改的属性描述符。 属性描述符对象里目前存在的属性描述符有两种主要形式：数据描述符和存取描述符。数据描述符是一个具有值的属性，该值可以是可写的，也可以是不可写的。存取描述符是由getter函数 ...

Js异步机制JavaScript是一门单线程语言，所谓单线程，就是指一次只能完成一件任务，如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯，坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应也就是假死状态，往往就是因为某一段Javascript代码长时间运行比如死循环，导致整个页面卡在这个地方，其他任务无法执行。 执行机制为了解决上述问题，Javascript将任务的执行模式分为两种：同步Synchronous与异步Asynchronous，同步或非同步，表明着是否需要将 ...

getter与settergetter是一个获取某个属性的值的方法，setter是一个设定某个属性的值的方法。 描述 通过getter与setter可以实现数据取值与赋值的拦截操作，当想监控某个值的变化的时候，通过getter与setter即可实现监听，而不需要找到并修改每一个操作这个值的代码。 有时需要允许访问返回动态计算值的属性，或者需要反映内部变量的状态，而不需要使用显式方法调用，可以使用getter与setter来实现。 尽管可以结合使用getter和setter来创建一个伪属性，但是不能将getter与setter绑定到一个属性并且该属性实际上具有一个值。 字面量声明可以直接通过字 ...

原型与原型链JavaScript有着七种基本类型String、Number、Boolean、Null、Undefined、Symbol、Object，前六种为基本数据类型，Object为引用类型。函数本质上是Object类型，也就是一个对象。 值得注意的是typeof (null)会返回Object，这是因为JS二进制前三位都为0的话会被判断为Object类型，null的二进制表示是全0，自然前三位也是0，所以执行typeof时会返回Object，实际null为基本数据类型。 构造函数对象构造一个Student类，实例化Student出stu实例对象。 1234function Stude ...

Promise对象JavaScript是单线程的语言，通过维护执行栈与任务队列而实现了异步操作，setTimeout与Ajax就是典型的异步操作，Promise就是异步操作的一个解决方案，用于表示一个异步操作的最终完成或失败及其结果值，Promise有各种开源实现，在ES6中被统一规范，由浏览器直接支持。 语法123new Promise( function(resolve, reject) { /* executor */ // 执行代码 需要指明resolve与reject的回调位置}); executor是带有resolve和reject两个参数的函数。Pro ...

JS中this的指向this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。 实例定义函数与对象并调用，注意只有调用函数才会使this指向调用者，但箭头函数除外。 12345678910111213141516171819202122232425262728293031323334353637383940function s(){ console.log(this);}// window中直接调用 // 非 use stricts(); // Window // 等同于window.s() ...

valueOf与toStringvalueOf和toString是Object.prototype上的方法，在Js几乎所有的对象都会继承自Object，同样由于包装对象的原因，几乎所有的数据类型都能够调用这两个方法，无法调用的有例如null、undefined以及Object.create(null)创建的对象等，通常我们一般不会主动调用这两个方法，而在代码执行的过程中这两个方法会经常被偷偷的调用，而且在不同的情况下会有选择的进行调用。 valueOfJavaScript通过调用valueOf方法将对象转换为原始值，我们很少需要自己调用valueOf方法，当遇到要预期的原始值的对象时，Java ...

Grid布局目前CSS布局方案中,网格布局可以算得上是最强大的布局方案了。它可以将网页分为一个个网格，然后利用这些网格组合做出各种各样的布局。Grid布局与Flex布局有一定的相似性，都可以指定容器内部多个成员的位置。不同之处在于，Flex布局是轴线布局，只能指定成员针对轴线的位置，可以看作是一维布局。Grid布局则是将容器划分成行和列，产生单元格，然后指定成员所在的单元格，可以看作是二维布局。 基础通过指定display: grid;指定容器使用Grid布局，Grid布局中采用网格布局的区域，称为容器，容器内部采用网格定位的子元素，称为成员。容器中水平区域称为行，垂直区域称为列，可以将其看作 ...

作用域与作用域链通常来说，一段程序代码中所用到的名字并不总是有效或可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域scope，当一个方法或成员被声明，他就拥有当前的执行上下文context环境，在有具体值的context中，表达式是可见也都能够被引用，如果一个变量或者其他表达式不在当前的作用域，则将无法使用。作用域也可以根据代码层次分层，以便子作用域可以访问父作用域，通常是指沿着链式的作用域链查找，而不能从父作用域引用子作用域中的变量和引用。 作用域JavaScript作用域为静态作用域static scope，也可以称为词法作用域lexical scope，其主要特征在于，函数作 ...

JavaScript变量提升在JavaScript中变量声明与函数声明都会被提升到作用域顶部，优先级依次为: 函数声明 变量声明 变量赋值。 变量提升var的变量提升1234console.log(a); // undefinedvar a = 1;console.log(a); // 1// console.log(b); // ReferenceError: b is not defined 为了显示a与b的区别，打印了一下未声明的变量b，其抛出了一个ReferenceError异常，而a并未抛出异常，其实对a的定义并赋值类似于以下的操作，将a的声明提升到作用域最顶端，然后再执行赋值操作 ...