
JavaScript
文章平均质量分 81
JavaScript
友人A ㅤ
人的进步在于不断学习
展开
-
JavaScript - 原始值包装类型
为了方便操作原始值,ECMAScript提供了3种特殊的引用类型:Boolean、Number和String。引用类型与原始值包装类型的主要区别在于对象的生命周期。在通过new实例化引用类型后,得到的实例会在离开作用域时被销毁,而自动创建的原始值包装对象则只存在于访问它的那行代码执行期间。这意味着不能在运行时给原始值添加属性和方法:let s1 = "aaa";// 代码运行时会临时创建一个String对象s1.color = "red";// 代码执行时,这个对象已经被销毁了。即这里创建了自原创 2021-06-10 21:43:54 · 199 阅读 · 4 评论 -
JavaScript - 引用类型RegExp
ECMAScript通过RegExp类型支持正则表达式。正则表达式使用类似Perl的简洁语法来创建:let expression = /pattern/flags;pattern(模式) 可以是任何简单或复杂的正则表达式,包括字符类、限定符、分组、向前查找和反向引用。flags(标记) 每个正则表达式可以带零个或多个flags,用于控制正则表达式的行为。标记说明g全局模式,表示查找字符串的全部内容,而不是找到第一个匹配的内容就结束i不区分大小写,表示在查找匹配原创 2021-06-09 18:30:26 · 186 阅读 · 3 评论 -
JavaScript - 垃圾回收及浏览器性能
1. 垃圾回收JavaScript通过自动内存管理实现内存分配和闲置资源回收。基本思路: 确定哪个变量不会再使用,就释放它所占用的内存。特点:周期性:垃圾回收程序每隔一定时间(或在代码执行过程中某个预定的收集时间)会自动运行不可判定:垃圾回收过程是一个近似且不完美的方案,因为不确定某块内存是否还有用。这也无法靠算法解决过程:如函数中的局部变量。此时,栈(或堆)内存会分配空间以保存相应的值。函数在内部使用了变量,然后退出。此时,就不再需要那个局部变量了,它占用的内存可以释放,供后面使用原创 2021-06-10 21:42:41 · 225 阅读 · 1 评论 -
JavaScript - Symbol类型
Symbol(符号)是ECMAScript 6新增的数据类型。符号是原始值,且符号实例是唯一、不可变的。用途:确保对象属性使用唯一标识符,不会发生属性冲突的危险。用来创建唯一记号,进而用作非字符串形式的对象属性。1. 基本用法符号需要使用Symbol()函数初始化。let sym = Symbol();// 因为符号本身是原始类型,所以typeof操作符对符号返回symbolconsole.log(typeof sym); // symbol调用Symbol()函数时,也可以传入一个字原创 2021-06-06 16:41:50 · 305 阅读 · 1 评论 -
javascript - 变量的解构赋值
A:什么是解构赋值?Q:ES6允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这就是结构。模式匹配:let [a, b, c] = [1, 2, 3];// 相当于let a = 1;let b = 2;let c = 3;只要等号两边的模式相同,左边的变量就会被赋值给对应的值。1. 数组的解构赋值...原创 2021-03-17 20:53:07 · 1165 阅读 · 0 评论 -
JavaScript的相等运算符( == 和 === )
使用==时,意味着不同类型的值可以被看作相等:类型(x)类型(y)结果nullundefinedtrueundefinednulltrue数值字符串x == toNumber(y)字符串数值toNumber(x) == y布尔值任何类型toNumber(x) == y任何类型布尔值x == toNumber(y)字符串或数值对象x == toPrimitive(y)对象字符串或数值toPrimitive(x.原创 2021-03-17 17:25:36 · 1061 阅读 · 0 评论 -
BOM - 浏览器对象模型
1. BOM概述1.1 什么是BOMBOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,每个对象都提供了很多方法和属性。BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。DOMBOM文档对象模型浏览器对象模型把文档当成一个对象来看待把浏览器当成一个对象来看待顶级对象是document顶级对象是wi原创 2020-08-08 20:43:08 · 1178 阅读 · 0 评论 -
DOM - DOM事件高级
1. 注册事件(绑定事件)给元素添加事件,称为注册事件或绑定事件。有两种方式:传统方式和方法监听注册方式传统方式注册利用on开头的事件 onlick<button onclick = "alert(1)"></button>btn.onclick = function() {}特点:注册事件的唯一性同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数 <button>传统注册事件</button>原创 2020-08-08 20:42:49 · 1070 阅读 · 1 评论 -
DOM - DOM事件基础
1. APIAPI,应用程序编程接口,是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无权访问源码,或理解内部工作机制的细节。2. Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM 和 DOM )一般都有输入和输出(函数传参和返回值),Web API很多都是方法(函数)DOMDOM简介文档对象模型,简称DOM,是处理可扩展标记语言的标准接口DOM接口可以改变网页的内容、结构和样式DOM树文档:一原创 2020-08-08 20:41:32 · 1057 阅读 · 0 评论 -
JavaScript - 声明变量:const、var、let
var 变量var 定义的变量可以修改,如果不进行初始化会输出underfined,不会报错。var a = 1;// var a; // 不报错console.log('函数外var定义a:' + a); // 1function change() { a = 4; console.log('函数内var定义a:' + a); // 4}change();console.log('函数调用后var定义a为函数内部修改值:' + a); // 4const 变量原创 2020-10-29 21:53:56 · 1101 阅读 · 0 评论 -
JavaScript - <script>元素
1.1 元素属性1. async可选表示应该立即下载脚本,但不妨碍页面中的其他操作。如下载其他资源或等待加载其他脚本只对外部脚本有效async属性规定一旦脚本可用,则会异步执行语法:<script async="async">2. charset可选与 src 属性一起使用,告诉浏览器用来编码这个 javascript 程序的字符集。它的值是任何一个 ISO 标准字符集编码的名称大多数浏览器会忽略它的值,使用少语法:<script charset="va原创 2020-11-08 16:59:52 · 1114 阅读 · 0 评论 -
JavaScript - 变量和作用域
流程控制程序的三种基本结构顺序结构从上到下执行的代码就是顺序结构分支结构根据不同的情况,执行对应代码循环结构循环结构:重复分支结构if语句语法结构if (/* 条件表达式 */) { // 执行语句}if (/* 条件表达式 */){ // 成立执行语句} else { // 否则执行语句}if (/* 条件1 */){ // 成立执行语句...原创 2020-02-29 21:51:14 · 198 阅读 · 0 评论 -
JavaScript - 基本概念
JavaScript介绍JavaScript是什么JavaScript是一种运行在客户端的脚本语言是一门解释性的、动态类型的、基于对象的语言脚本语言:不需要编译,直接执行编译语言:需要把代码翻译成计算机所认识的二进制语言才能执行JavaScript的应用网页特效服务端开发(Node.js)命令行工具(Node.js)桌面程序(Electron)App(Cordova...原创 2020-02-27 20:51:00 · 877 阅读 · 0 评论