文章分类 - ECMAScript
摘要：创建节点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> </head> <body> <script> let oSpan = document.createElement("sp
阅读全文
摘要：向下取整 Math.floor()：向下取整直接砍掉所有的小数位就是向下取整： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <script> let num = 3.9; let
阅读全文
摘要：JavaScript 中提供了三种自带的对象，分别是 "本地对象" / "内置对象" / "宿主对象" 什么是宿主 宿主就是指 JavaScript 运行环境，js 可以在浏览器中运行，也可以在服务器上运行(nodejs)。 本地对象 与宿主无关，无论在浏览器还是服务器中都有的对象，就是 ECMAS
阅读全文
摘要：有哪些基本数据类型 字符串类型 / 数值类型 / 布尔类型 / 空类型 / 未定义类型 通过字面量创建的基本数据类型的数据都是常量： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title>
阅读全文
摘要：在 js 中字符串可以看做一个特殊的数组，所以大部分数组的属性 / 方法字符串都可以使用 获取字符串长度 .length <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <scrip
阅读全文
摘要：需求 要求遍历数组。 遍历 利用传统循环来遍历数组： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <script> let arr = [1, 3, 5, 7, 9]; for
阅读全文
摘要：什么是深拷贝什么是浅拷贝 深拷贝 修改新变量的值不会影响原有变量的值，默认情况下 基本数据类型 都是深拷贝，示例代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <scri
阅读全文
摘要：注意点 对象的解构赋值和数组的解构赋值，除了符号不一样，其它的一模一样。数组解构使用 []，对象解构使用 {}，在数组的解构赋值中，等号左边的格式必须和等号右边的格式一模一样，才能完全解构，例如如下代码： <!DOCTYPE html> <html lang="en"> <head> <meta c
阅读全文
摘要：在 JavaScript 中对象和数组一样是可以遍历的 什么是对象的遍历 对象的遍历就是依次取出对象中所有的属性和方法。 如何遍历一个对象 在 JS 中可以通过 高级 for 循环来遍历对象，如下有一段示例代码，以下代码的含义：将指定对象中所有的属性和方法的名称取出来了依次的赋值给 key 这个变量
阅读全文
摘要：增加(C) 方式一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <script> class Person { } let person = new Person(); pers
阅读全文
摘要：需求 判断某一个对象是否拥有某一个属性，Person 类代码如下： class Person { name = null; age = 0; } Person.prototype.height = 0; 可以使用 in 来进行判断，in 的特点：只要类中或者原型对象中有，就会返回 true： let
阅读全文
摘要：什么是 isPrototypeOf 属性 isPrototypeOf 用于判断一个对象是否是另一个对象的原型。 首先看如下这一段代码。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript-i
阅读全文
摘要：什么是 instanceof 关键字 instanceof 用于判断 "对象" 是否是指定构造函数的 "实例"。 先来看如下这一段代码，利用 instanceof 关键字来看看结果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
阅读全文
摘要：例如如下的一段代码，我想要得到的类型为 object。 let obj = new Object(); 如下的代码我想要得到的类型为 Array。 let arr = new Array(); 如下的代码我想要得到的类型为 Person。 let p = new Person(); 通过我前面所介绍
阅读全文
摘要：ES6 之前的继承 在子类中通过 call/apply 方法然后在借助父类的构造函数 将子类的原型对象设置为父类的实例对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ES6继承</title> <scr
阅读全文
摘要：在 ES6 之前如何定义一个类，通过构造函数来定义一个类 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript-ES6类和对象</title> <script> function Person
阅读全文
摘要：在看本章节的内容之前你要明确几个东西那么就是什么是强类型语言，什么是是弱类型语言 什么是强类型语言 一般 编译型 语言都是强类型语言 强类型语言，要求变量的使用要严格符合定义 例如定义 int num; 那么 num 中将来就只能够存储整型数据 什么是弱类型语言 一般 解释型 语言都是弱类型语言 弱
阅读全文
摘要：this 是什么 谁调用当前函数或者方法，this 就是谁，比如说来看如下的代码我定义了一个函数，并且调用了一下该函数代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript-bind-
阅读全文
摘要：继承方式一 儿子继承父亲的物品就是继承最好的体现 JS 中的继承的目的，把子类型中共同的属性和方法提取到父类型中 减少代码的冗余度，提升代码的复用性 废话不多说直接上代码，如下有一个构造函数当中有两个属性和一个方法，有了构造函数之后就可以创建对象在使用创建好的对象访问属性与方法 <!DOCTYPE
阅读全文
摘要：在 JavaScript 中属性和方法分类两类 实例属性与实例方法 在企业开发中通过实例对象访问的属性，我们就称之为 实例属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <sc
阅读全文
