JavaScript
文章平均质量分 90
lovewhoilove
这个作者很懒,什么都没留下…
展开
-
JavaScript中的异步操作-学习笔记
1 关于异步操作的一些概念虽然JavaScript引擎拥有多个线程,但是单个脚本只能在一个线程上运行,也就是说,JavaScript只能同时执行一个任务,其他的任务则必须在当前任务后面排队等待,这被称之为单线程模型。在JavaScript中,程序里的任务可以被分为两类:同步任务和异步任务。同步任务(synchronous):即在主线程上执行的任务,并且之所以同步,是因为只有执行完前一个任务才能执行后一个任务。异步任务(asynchronous):说白了就是被JavaScript引擎放进任务队原创 2021-08-11 18:04:00 · 819 阅读 · 0 评论 -
JavaScript面向对象之继承
1 原型对象(prototype)继承的作用:B对象通过继承A对象,就能直接拥有A对象的所有属性和方法。我们在JavaScript面向对象之对象-学习笔记一文中提到JavaScript对象是基于构造函数(constructor)与原型链(或原型对象,英文为prototype)的。没错,对象需要借助构造函数来创建,而继承则需要借助原型对象来实现。1.1 原型对象的作用直接举例说明原型对象的作用吧:function Cat(type) { this.type = type;}Animal.p.原创 2021-08-04 21:07:30 · 187 阅读 · 0 评论 -
JavaScript中的this关键字-学习笔记
简单地说,this就是属性或方法当前所在的对象。1 this的使用场合this主要有以下几种使用场合:全局环境:全局环境下使用this,则this指定就是顶层对象window。测试如下:this === window //truefunction f() { console.log(this === window);}f() //true构造函数:构造函数中的this,指的是实例对象。具体请参考JavaScript面向对象之对象-学习笔记一文的内容。对象的方法:若对原创 2021-08-01 16:27:39 · 92 阅读 · 0 评论 -
JavaScript面向对象之对象-学习笔记
1 对象与构造函数JavaScript对象是基于构造函数(constructor)和原型链(prototype)的,在JavaScript这门语言中并没有“类”(class)这个概念。那么什么是对象呢?简单地说,对象就是现实世界中的实物的抽象。那对象又如何被创建呢?首先我们将现实世界中的实物抽象为模板——构造函数,具体来说,就是用属性来表示实物的某些特征,用方法来表示实物的某些行为,然后利用这个模板就可以创建实例对象了。下面来举个实例,例如:我们将一种交通工具抽象为一个构造函数Vehicle,内部.原创 2021-07-29 22:20:58 · 162 阅读 · 0 评论 -
JavaScript中的console对象及其方法-学习笔记
1 console对象与浏览器Console面板console对象是JavaScript的原生对象,而console对象的浏览器实现,已被包含在浏览器自带的开发工具当中。如下如所示为浏览器的Console面板,又被称为控制台。建议:推荐直接使用ctrl+shift+I或者ctrl+shift+J,像F12容易和电脑的功能键冲突,需要辅助Fn键才能使用。控制台的用途主要有以下两点:定位错误:这里可以显示代码运行时的输出信息,代码运行发生错误时,会显示具体是哪一行代码出现的错误;作为一个命令.原创 2021-07-28 00:47:18 · 777 阅读 · 1 评论 -
JavaScript错误处理-学习笔记
1 Error及其派生对象1.1 Error对象JavaScript在解析或运行时,一旦发生错误,引擎就会抛出一个错误对象。JavaScript原生提供了Error构造函数,所抛出的错误都是Error构造函数的实例。var err=new Error('出错了');err.message //"出错了"以上示例中,参数为message属性,这个参数是必须的。除此之外,还提供了name(错误名称)属性和stack(错误的堆栈)属性,但这两个属性是非标准的,不是每种实现都有。1.2 Error派.原创 2021-07-25 23:18:59 · 299 阅读 · 3 评论 -
JavaScript数据类型转换-学习笔记
JavaScript中的各种运算符对数据类型是有要求的,如果运算符发现,运算子的类型与预期不符,就会自动转换类型。例如:减法运算符预期左右两侧的运算子应该是数值,如果不是,就会自动将它们转为数值。由于自动转换是以强制转换的为基础的,我们先来看强制转换。1 强制转换强制转换:主要是指使用Number()、String()和Boolean()三个函数,手动将各种类型的值分别转换成数字、字符串或者布尔值。使用Number函数:测试如下使用String函数:可以将任意类型的值转化成字符串。转换.原创 2021-07-25 18:07:29 · 122 阅读 · 1 评论 -
JavaScript运算符-学习笔记
1 算数运算符JavaScript总共提供了10个算数运算符,用来完成基本的算术运算:加/减/乘/除法运算符(4个)、余数运算符、指数运算符、自增/减运算符(2个)以及数值运算符、负数值运算符。1.1 加法运算符1.1.1 非对象类型值相加前4种运算符减、乘、除运算符执行的是单纯的数学运算,这里重点是加法运算符,常见用法有:数值相加非数值相加:两个布尔值或数值与布尔值相加,布尔值会自动转换为数值,然后相加。true+true //21+true //2连接字符串:非字符串.原创 2021-07-25 16:34:25 · 226 阅读 · 1 评论 -
JavaScript基本数据类型之数组-学习笔记
1 基本概念及语法数组(array)是按次序排列的一组值,每个值的位置都有编号(即从0开始依次编号),整个数组用方括号表示。例如:var arr=['a', 'b', 'c'];数组也可以先定义后赋值。任何类型的数据都可以放入数组。若数组的元素还是数组,就形成了多维数组。数组本质上是一种特殊的对象,这点通过typeof运算符的返回类型为object就可以看出来。数组其实是有键名的,它的键名和编号是一致的,是按次序排列的一组整数(0,1,2, ...),可以借助Object.keys()方法进.原创 2021-07-23 18:24:43 · 290 阅读 · 2 评论 -
JavaScript基本数据类型之函数-学习笔记
1 基本概念及语法简单地说,函数就是一段可以反复调用的代码块。1.1 函数的声明函数的声明(Function Declaration)有3种方法:function命令:function命令声明的代码区块就是一个函数。写法如下:function 函数名(参数...){ 函数体}函数表达式:采用的是变量赋值的写法,声明的是一个匿名函数,function命令后不带函数名,且大括号末尾需加上分号(注意:上面第一种方法声明的函数末尾则不用加分号)。由于等号右侧只能放表达式,因此匿.原创 2021-07-23 16:46:03 · 184 阅读 · 0 评论 -
JavaScript基本数据类型之对象-学习笔记
1 基本概念及语法对象(Object)是JavaScript最重要的数据类型。简单地说,对象就是一组“键值对”的集合,而且它是一个无序的复合数据集合。1.1 基本语法如下代码所示:大括号就定义了一个对象,并被赋值给一个变量obj。该对象内部有两个键值对(或叫成员),键和值之间用冒号分隔,两个键值对之间用逗号分隔。注:最后一个键值对后面加不加逗号都可以,建议省略。var obj={ foo:'Hello', bar:'World'}上述obj对象的键名默认都是字符串(E.原创 2021-07-22 20:21:12 · 265 阅读 · 0 评论 -
JavaScript基本数据类型-学习笔记
JavaScript数据类型共有6种:数值(number)、字符串(string)、布尔值(boolean)、undefined、null、对象(object)。注:ES6新增了第7种类型Symbol。1 基本数据类型1.1 数值数值包括整数和小数(或者叫浮点数)两种,例如1和3.14。实际上,在JavaScript内部,所有的数字都是以64位浮点数形式存储,即便整数也是如此。注:某些运算只有整数才能完成,此时 JavaScript 会自动把64位浮点数,转成32位整数,然后再进行运.原创 2021-07-22 00:55:46 · 306 阅读 · 2 评论 -
JavaScript基础语法-学习笔记
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-07-20 23:48:58 · 2963 阅读 · 0 评论