神秘的博主-优快云博客

原创 ES6（六）——ES6 字符串

以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，第二个参数是用来补全的字符串。模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引。：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。：返回布尔值，判断参数字符串是否在原字符串的头部。

2024-08-15 22:39:32 902

原创 ES6（五）——ES6 Reflect 与 Proxy

Proxy 与 Reflect 是 ES6 为了操作对象引入的 API。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。Reflect 可以用于获取目标对象的行为，它与 Object 类似，但是更易读，为操作对象提供了一种更优雅的方式。它的方法与 Proxy 是对应的。

2024-08-15 22:23:05 1167

原创 ES6 (四)——ES6 Map 与 Set

一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。Object 都有自己的原型，原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等。Map 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。NaN 与 NaN 是不恒等的，但是在 Set 中只能存一个，不重复。Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。+0 与 -0 在存储判断唯一性的时候是恒等的，所以不重复；

2024-08-14 22:39:45 513

原创 ES6(三）——ES6 解构赋值和Symbol

解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还新增了 Symbol。

2024-08-14 22:20:20 818

原创 ES6 （二）——ES6 let 与 const

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量，一旦声明，常量的值就不能改变。

2024-08-14 21:52:25 445

原创 ES6 (一）——ES6 简介及环境搭建

ES6，全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。

2024-08-13 16:49:07 1700

原创 JavaScript(三十四）——JavaScript HTML DOM和改变HTML

在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。查找 id="main" 的元素，然后查找 id="main" 元素中的所有 <p> 元素。通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。在 DOM 中查找 HTML 元素的最简单的方法，是通过使用元素的 id。HTML DOM 允许 JavaScript 改变 HTML 元素的内容。

2024-08-07 22:19:27 642

原创 JavaScript (三十三)——JavaScript 静态方法

静态方法（Static Methods）是定义在类（Class）上而不是其实例上的方法。这意味着，你不需要创建类的实例来调用这些方法；相反，你可以直接通过类本身来调用它们。静态方法的主要优点是它们可以很方便地在不需要实例化对象的情况下被使用，同时它们也有助于保持类的整洁和封装性，特别是当这些方法不需要访问或修改类的实例属性时。静态方法是使用 static 关键字修饰的方法，又叫类方法，属于类的，但不属于对象，在实例化对象之前可以通过类名.方法名调用静态方法。静态方法不能在对象上调用，只能在类中调用。

2024-08-07 22:09:57 262

原创 JavaScript(三十二)——JavaScript 类继承

Animal 是一个基类，Dog 是一个继承自 Animal 的子类，Dog.prototype 使用 Object.create(Animal.prototype) 来创建一个新对象，它继承了 Animal.prototype 的方法和属性，通过将 Dog.prototype.constructor 设置为 Dog，确保继承链上的构造函数正确。当创建一个类时，不需要重新编写新的数据成员和成员函数，只需指定新建的类继承了一个已有的类的成员即可。例如，哺乳动物是动物，狗是哺乳动物，因此，狗是动物，等等。

2024-08-07 21:57:36 793

原创 JavaScript（三十一）——JavaScript 类(class)

我们使用 class 关键字来创建一个类，类体在一对大括号 {} 中，我们可以在大括号 {} 中定义类成员的位置，如方法或构造函数。类声明和类表达式的主体都执行在严格模式下。比如，构造函数，静态方法，原型方法，getter 和 setter 都在严格模式下执行。每个类中包含了一个特殊的方法 constructor()，它是类的构造函数，这种方法用于创建和初始化一个由。类表达式是定义类的另一种方法。命名类表达式的名称是该类体的局部名称。如果不定义构造方法，JavaScript 会自动添加一个空的构造方法。

2024-08-07 21:31:42 357

原创 JavaScript(三十）——JavaScript 闭包

JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。后面一个实例中，是一个变量。在web页面中全局变量属于 window 对象。全局变量可应用于页面上的所有脚本。在第一个实例中，是一个变量。局部变量只能用于定义它函数内部。对于其他的函数或脚本代码是不可用的。全局和局部变量即便名称相同，它们也是两个不同的变量。修改其中一个，不会影响另一个的值。变量声明时如果不使用前面的关键字（例如var），那么它就是一个全局变量，即便它在函数内定义。当然这是在非严格模式下。

2024-08-07 21:05:28 400

原创 JavaScript（二十九）——JavaScript 函数调用

JavaScript 函数有 4 种调用方式。每种方式的不同在于的初始化。

2024-08-06 22:41:01 1081

原创 JavaScript （二十八）——JavaScript 函数参数

JavaScript 函数对参数的值没有进行任何的检查。

2024-08-06 22:30:31 453

原创 JavaScript(二十七）——JavaScript 函数定义

JavaScript 使用关键字function定义函数。函数可以通过声明定义，也可以是一个表达式。

2024-08-06 22:21:02 1417

原创 JavaScript （二十六）——JavaScript 代码规范

所有的 JavaScript 项目适用同一种规范。

2024-08-06 21:56:02 819

原创 JavaScript（二十五）——JavaScript 异步编程和Promise

Promise 类有 .then() .catch() 和 .finally() 三个方法，这三个方法的参数都是一个函数，.then() 可以将参数中的函数添加到当前 Promise 的正常执行序列，.catch() 则是设定 Promise 的异常处理序列，.finally() 是在 Promise 执行的最后一定会执行的序列。但是，如果 then 中返回的是一个 Promise 对象，那么下一个 then 将相当于对这个返回的 Promise 进行操作，这一点从刚才的计时器的例子中可以看出来。

2024-08-06 21:39:46 909

原创 JavaScript（二十四）——JavaScript JSON

J。

2024-08-05 22:32:41 331

原创 JavaScript （二十三）——JavaScript let 和 const

使用 var 关键字重新声明变量可能会带来问题。在块中重新声明变量也会重新声明块外的变量示例：var x = 10;// 这里输出 x 为 10var x = 2;// 这里输出 x 为 2// 这里输出 x 为 2let 关键字就可以解决这个问题，因为它只在 let 命令所在的代码块{}内有效var x = 10;// 这里输出 x 为 10let x = 2;// 这里输出 x 为 2// 这里输出 x 为 10。

2024-08-05 22:22:23 747

原创 JavaScript（二十二）——JavaScript this 关键字

面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。在方法中，this 表示该方法所属的对象。如果单独使用，this 表示全局对象。在函数中，this 表示全局对象。在函数中，在严格模式下，this 是未定义的(undefined)。在事件中，this 表示接收事件的元素。类似 call() 和 apply() 方法可以将 this 引用到任何对象。

2024-08-05 22:07:34 986

原创 JavaScript (二十一）——JavaScript 保留关键字

在 JavaScript 中，一些标识符是保留关键字，不能用作变量名或函数名。

2024-08-05 21:44:27 468

原创 JavaScript （二十）——JavaScript 验证 API

使用 setCustomValidity 设置了自定义提示后，validity.customError 就会变成 true，checkValidity 总是会返回 false。设置 input 元素的 validationMessage 属性，用于自定义错误提示信息的方法。包含一系列关于 validity 数据属性。如果输入的值大于 100，显示一个信息。checkValidity() 方法。如果输入信息不合法，则返回错误信息。

2024-08-05 21:39:53 330

原创 JavaScript (十九）——JavaScript 表单及验证

意思就是说，输入的数据必须包含 @ 符号和点号(.)。HTML5 新增了 HTML 表单的验证方式：约束验证（constraint validation）。以下实例代码用于判断表单字段(fname)值是否存在，如果不存在，就弹出信息，阻止表单提交。下面的函数检查输入的数据是否符合电子邮件地址的基本语法。约束验证是表单被提交时浏览器用来实现验证的一种算法。大多数情况下，数据验证用于确保用户正确输入数据。是在数据发送到服务器前，在浏览器上完成验证。数据验证用于确保用户输入的数据是有效的。必需字段是否有输入?

2024-08-05 21:28:12 1170

原创 JavaScript（十八）——JavaScript 使用误区

websites = {site:"菜鸟教程", url:"www.runoob.com", like:460}

2024-08-03 17:26:07 996

原创 JavaScript （十七）——JavaScript 声明提升和严格模式

这个时候y就不会提升，和x相加的y是undenfined,这是因为变量声明 (var y) 提升了，但是初始化(y = 7) 并不会提升，所以 y 变量是一个未定义的变量。另一方面，同样的代码，在"严格模式"中，可能会有不一样的运行结果；一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行。JavaScript 初始化不会提升，JavaScript 只有声明的变量部分会提升，初始化部分不会。JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明（声明提升）

2024-08-03 17:06:30 963

原创 JavaScript（十六）——JavaScript 错误和调试

在编程和调试过程中，设置断点是一种非常有用的技术，它允许开发者在代码执行的特定点暂停执行，以便检查此时程序的状态，如变量的值、内存状态、调用栈等。通常，如果 JavaScript 出现错误，是不会有提示信息，这样你就无法找到代码错误的位置。通常，浏览器启用调试工具一般是按下 F12 键，并在调试菜单中选择 "Console"。当错误发生时，当事情出问题时，JavaScript 引擎通常会停止，并生成一个错误消息。你的代码可能包含语法错误，逻辑错误，如果没有调试工具，这些错误比较难于发现。

2024-08-03 16:48:33 898

原创 JavaScript（十五）——JavaScript 正则表达式

正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。

2024-08-02 22:46:57 622

原创 JavaScript （十四）——JavaScript typeof和类型转换

Number() 转换为数字， String() 转换为字符串， Boolean() 转换为布尔值。当 JavaScript 尝试操作一个 "错误" 的数据类型时，会自动转换为 "正确" 的数据类型。当尝试输出一个对象或一个变量时 JavaScript 会自动调用变量的 toString() 方法。如果变量不能转换，它仍然会是一个数字，但值为 NaN (不是一个数字)字符串包含数字(如 "3.14") 转换为数字 (如 3.14).表示一个空对象引用。其他的字符串会转换为 NaN (不是个数字)。

2024-08-02 22:33:05 978

原创 JavaScript（十三）——JavaScript break 和 continue 语句

但是如果这里不是用for语句，而是用while语句的话，要小心进入死循环，while循环不留意就会进入死循环中。正如您在 switch 语句那一章中看到的，可以对 JavaScript 语句进行标记。我们首先在switch()语句中见到了break语句，它用于跳出switch()语句。break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）break 语句（不带标签引用），只能用在循环或 switch 中。continue 语句（带有或不带标签引用）只能用在循环中。

2024-08-01 22:09:33 351

原创 JavaScript（十二）——JavaScript for 循环和while循环

该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。如果语句 2 返回 true，则循环再次开始，如果返回 false，则循环将结束。如果忘记增加条件中所用变量的值，该循环永远不会结束。通常我们会使用语句 1 初始化循环中所用的变量 (var i=0)。- 同样当指定的条件为 true 时循环指定的代码块。只要指定条件为 true，循环就可以一直执行代码块。- 当指定的条件为 true 时循环指定的代码块。while 循环会在指定条件为真时循环执行代码块。

2024-08-01 21:59:08 1071

原创 JavaScript（十一）——JavaScript 条件和switch语句

使用 if....else 语句在条件为 true 时执行代码，在条件为 false 时执行其他代码。通常在写代码时，您总是需要为不同的决定来执行不同的动作。随机链接其实也是在条件语句的基础上，增加了随机数的生成，这样跳转的链接是随机的一个。- 当条件为 true 时执行代码，当条件为 false 时执行其他代码。- 只有当指定条件为 true 时，使用该语句来执行代码。switch 语句用于基于不同的条件来执行不同的动作。条件语句用于基于不同的条件来执行不同的动作。工作原理：首先设置表达式。

2024-08-01 21:47:10 336

原创 JavaScript （十）——JavaScript 比较和逻辑运算符

比较和逻辑运算符用于测试true或者false。

2024-08-01 21:35:33 256

原创 JavaScript （九）——JavaScript 字符串和字符串模板

可以使用索引位置来访问字符串中的每个字符：字符串的索引从 0 开始，这意味着第一个字符索引值为 [0]，第二个为 [1]，以此类推。模板字面量是用反引号（`）分隔的字面量，允许多行字符串、带嵌入表达式的字符串插值和一种叫带标签的模板的特殊结构。JavaScript 中的模板字符串是一种方便的字符串语法，允许你在字符串中嵌入表达式和变量。：如果指定，将使用模板字符串数组和替换表达式调用它，返回值将成为模板字面量的值。你可以使用单引号或双引号。模板字符串使用反引号 `` 作为字符串的定界符分隔的字面量。

2024-08-01 21:30:29 804

原创 JavaScript (八)——JavaScript 作用域和事件

在函数内部不使用。

2024-08-01 21:15:26 775

原创 JavaScript (七）——JavaScript 对象和函数

使用字符来定义和创建 JavaScript 对象定义 JavaScript 对象可以跨越多行，空格跟换行不是必须的age:50,

2024-07-31 22:33:08 827

原创 JavaScript (六）——JavaScript 变量和数据类型

在 2015 后的 JavaScript 版本 (ES6) 允许我们使用 const 关键字来定义一个常量，使用 let 关键字定义的限定范围内作用域的变量。在 JavaScript 中，当你声明一个变量时，你不需要指定它的类型。声明的变量会被提升到其作用域的最顶部，但是，它们的赋值过程不会被提升。如果周围有引号，要和周围的引号进行区分，比如周围的是用单引号，那字符串就是用双引号，反之使用单引号。）具有相同的名称，那么函数声明会在变量声明之前被处理，因此会覆盖变量声明。这意味着相同的变量可用作不同的类型。

2024-07-31 22:00:18 1104

原创 JavaScript （五）——JavaScript 语句和注释

JavaScript 是脚本语言，浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。这个换行只是在编译器中便于我们书写和观察代码，并不会让在浏览器中的布局改变。JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。JavaScript 会忽略多余的空格。分号用于分隔 JavaScript 语句。注释可用于阻止其代码行的执行（可用于调试）通常我们在每条可执行的语句结尾添加分号。使用分号的另一用处是在一行中编写多条语句。为开始，并执行该语句。

2024-07-31 21:23:11 368

空空如也

空空如也