一个爱听音乐的程序员的博客_ECMAScript

JavaScript-元素增删改查

创建节点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> </head> <body> <script> let oSpan = document.createElement("sp

html

删除节点

插入节点

原创 2021-11-09 14:33:00 63 阅读

JavaScript-Math内置对象

向下取整 Math.floor()：向下取整直接砍掉所有的小数位就是向下取整： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <script> let num = 3.9; let

html

取整

随机数

原创 2021-10-23 22:26:00 50 阅读

JavaScript-三大内置对象

JavaScript 中提供了三种自带的对象，分别是 "本地对象" / "内置对象" / "宿主对象" 什么是宿主宿主就是指 JavaScript 运行环境，js 可以在浏览器中运行，也可以在服务器上运行(nodejs)。本地对象与宿主无关，无论在浏览器还是服务器中都有的对象，就是 ECMAS

服务器

ecmascript

javascript

原创 2021-10-23 22:05:00 107 阅读

JavaScript-基本数据类型和基本包装类型

有哪些基本数据类型字符串类型 / 数值类型 / 布尔类型 / 空类型 / 未定义类型通过字面量创建的基本数据类型的数据都是常量： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title>

html

基本数据类型

对象类型

原创 2021-10-23 21:59:00 59 阅读

JavaScript-字符串常用方法

在 js 中字符串可以看做一个特殊的数组，所以大部分数组的属性 / 方法字符串都可以使用获取字符串长度 .length <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <scrip

html

字符串

数组

原创 2021-10-23 12:42:00 73 阅读

JavaScript-数组高级API

需求要求遍历数组。遍历利用传统循环来遍历数组： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <script> let arr = [1, 3, 5, 7, 9]; for

html

数组

i++

原创 2021-10-23 09:11:00 68 阅读

JavaScript-深拷贝和浅拷贝

什么是深拷贝什么是浅拷贝深拷贝修改新变量的值不会影响原有变量的值，默认情况下基本数据类型都是深拷贝，示例代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <scri

html

深拷贝

内存结构

原创 2021-10-21 23:04:00 61 阅读

JavaScript-对象解构赋值

注意点对象的解构赋值和数组的解构赋值，除了符号不一样，其它的一模一样。数组解构使用 []，对象解构使用 {}，在数组的解构赋值中，等号左边的格式必须和等号右边的格式一模一样，才能完全解构，例如如下代码： <!DOCTYPE html> <html lang="en"> <head> <meta c

html

赋值

数组

原创 2021-10-17 22:47:00 169 阅读

JavaScript-对象遍历

在 JavaScript 中对象和数组一样是可以遍历的什么是对象的遍历对象的遍历就是依次取出对象中所有的属性和方法。如何遍历一个对象在 JS 中可以通过高级 for 循环来遍历对象，如下有一段示例代码，以下代码的含义：将指定对象中所有的属性和方法的名称取出来了依次的赋值给 key 这个变量

html

取值

赋值

原创 2021-10-17 16:23:00 97 阅读

JavaScript-对象增删改查

增加(C) 方式一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <script> class Person { } let person = new Person(); pers

html

原创 2021-10-17 15:21:00 66 阅读

JavaScript-判断对象属性

需求判断某一个对象是否拥有某一个属性，Person 类代码如下： class Person { name = null; age = 0; } Person.prototype.height = 0; 可以使用 in 来进行判断，in 的特点：只要类中或者原型对象中有，就会返回 true： let

原型对象

原创 2021-10-07 11:24:00 85 阅读

JavaScript-isPrototypeOf属性

什么是 isPrototypeOf 属性 isPrototypeOf 用于判断一个对象是否是另一个对象的原型。首先看如下这一段代码。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript-i

html

原型对象

javascript

原创 2021-09-10 15:42:00 73 阅读

JavaScript-instanceof关键字

什么是 instanceof 关键字 instanceof 用于判断 "对象" 是否是指定构造函数的 "实例"。先来看如下这一段代码，利用 instanceof 关键字来看看结果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

html

构造函数

javascript

原创 2021-09-10 11:41:00 123 阅读

JavaScript-获取对象类型

例如如下的一段代码，我想要得到的类型为 object。 let obj = new Object(); 如下的代码我想要得到的类型为 Array。 let arr = new Array(); 如下的代码我想要得到的类型为 Person。 let p = new Person(); 通过我前面所介绍

html

javascript

对象类型

原创 2021-09-09 19:28:00 249 阅读

JavaScript-ES6继承

ES6 之前的继承在子类中通过 call/apply 方法然后在借助父类的构造函数将子类的原型对象设置为父类的实例对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ES6继承</title> <scr

html

父类

子类

原创 2021-09-09 11:21:00 61 阅读

JavaScript-ES6类和对象

在 ES6 之前如何定义一个类，通过构造函数来定义一个类 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript-ES6类和对象</title> <script> function Person

html

类和对象

原型对象

原创 2021-09-07 20:01:00 113 阅读

JavaScript-多态

在看本章节的内容之前你要明确几个东西那么就是什么是强类型语言，什么是是弱类型语言什么是强类型语言一般编译型语言都是强类型语言强类型语言，要求变量的使用要严格符合定义例如定义 int num; 那么 num 中将来就只能够存储整型数据什么是弱类型语言一般解释型语言都是弱类型语言弱

多态

html

弱类型

原创 2021-09-07 15:54:00 76 阅读

JavaScript-bind-call-apply

this 是什么谁调用当前函数或者方法，this 就是谁，比如说来看如下的代码我定义了一个函数，并且调用了一下该函数代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript-bind-

html

javascript

传递参数

原创 2021-09-07 11:24:00 56 阅读

JavaScript-继承

继承方式一儿子继承父亲的物品就是继承最好的体现 JS 中的继承的目的，把子类型中共同的属性和方法提取到父类型中减少代码的冗余度，提升代码的复用性废话不多说直接上代码，如下有一个构造函数当中有两个属性和一个方法，有了构造函数之后就可以创建对象在使用创建好的对象访问属性与方法 <!DOCTYPE

html

继承方式

构造函数

原创 2021-09-06 16:07:00 74 阅读

JavaScript-属性方法分类

在 JavaScript 中属性和方法分类两类实例属性与实例方法在企业开发中通过实例对象访问的属性，我们就称之为实例属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <sc

html

javascript

企业开发

原创 2021-09-06 14:40:00 85 阅读

JavaScript-私有属性注意点

在给一个对象不存在的属性设置值的时候，不会去原型对象中查找，如果当前对象没有就会给当前对象新增一个不存在的属性由于私有属性的本质就是一个局部变量，并不是真正的属性，所以如果通过对象.xxx 的方式是找不到私有属性的，所以会给当前对象新增一个不存在的属性 <!DOCTYPE html> <html

私有属性

当前对象

html

原创 2021-09-04 21:39:00 62 阅读

JavaScript-封装性

局部变量和局部函数无论是 ES6 之前还是 ES6，只要定义一个函数就会开启一个新的作用域只要在这个新的作用域中，通过 let/var 定义的变量就是局部变量只要在这个新的作用域中，定义的函数就是局部函数什么是对象的私有变量和函数默认情况下对象中的属性和方法都是公有的，只要拿到对象就能操

封装

作用域

数据

原创 2021-09-04 21:27:00 38 阅读

JavaScript-属性注意点

首先我给出了如下一段代码，obj 对象的构造函数当中并没有 currentType 这个属性那么就会去原型对象当中进行查找，如下也给出了输出结果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScr

html

原型对象

当前对象

原创 2021-09-04 20:48:00 41 阅读

JavaScript-原型链

对象中 __proto__ 组成的链条我们称之为原型链对象在查找属性和方法的时候，会先在当前对象查找 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript-原型链</title> <scri

html

原型链

javascript

原创 2021-09-04 15:06:00 43 阅读

JavaScript-获取DOM元素

在 JavaScript 中 HTML 标签也称之为 DOM 元素使用 document 的时候前面不用加 window 例如下面的一个小示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</t

html

数组

选择器

原创 2021-08-04 16:49:00 163 阅读

JavaScript-函数对象关系

Function 函数是所有函数的祖先函数所有构造函数都有一个 prototype 属性所有原型对象都有一个 constructor 属性所有函数都是对象所有对象都有一个 __proto__ 属性所有的构造函数都有一个 prototype 属性，所有 prototype 属性都指向自己的原

构造函数

原型对象

html

原创 2021-08-04 15:46:00 66 阅读

JavaScript-Object函数

JavaScript 函数是引用类型 (对象类型) 所以 Function 函数也是对象 "Function 构造函数" 也是一个对象，所以也有 __proto__ 属性 "Function 构造函数" 的 __proto__ 属性指向 "Function 原型对象" <!DOCTYPE html>

html

构造函数

javascript

原创 2021-08-04 14:37:00 53 阅读

JavaScript-DOM开篇

什么是 window window：是一个全局对象，代表浏览器中一个打开的窗口，每个窗口都是一个 window 对象什么是 document document 是 window 的一个属性，这个属性是一个对象 document 代表当前窗口中的整个网页 document 对象保存了网页上所有的内容

html

全局对象

javascript

原创 2021-07-26 17:22:00 56 阅读

JavaScript-Function函数

JavaScript 中函数是引用类型 (对象类型) 既然是对象, 所以也是通过构造函数创建出来的, "所有函数" 都是通过 Function 构造函数创建出来的对象 JavaScript 中只要是 "函数" 就有 prototype 属性 "Function函数" 的 prototype 属性指向

构造函数

原型对象

javascript

原创 2021-07-26 16:11:00 135 阅读

JavaScript-对象三角恋关系

每个 "构造函数" 中都有一个默认的属性, 叫做 prototype prototype 属性保存着一个对象, 这个对象我们称之为 "原型对象" 每个 "原型对象" 中都有一个默认的属性, 叫做 constructor constructor 指向当前原型对象对应的那个 "构造函数" 通过构造函数创

构造函数

原型对象

html

原创 2021-07-26 14:48:00 88 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

BNTang

JavaScript-元素增删改查

JavaScript-Math内置对象

JavaScript-三大内置对象

JavaScript-基本数据类型和基本包装类型

JavaScript-字符串常用方法

JavaScript-数组高级API

JavaScript-深拷贝和浅拷贝

JavaScript-对象解构赋值

JavaScript-对象遍历

JavaScript-对象增删改查

JavaScript-判断对象属性

JavaScript-isPrototypeOf属性

JavaScript-instanceof关键字

JavaScript-获取对象类型

JavaScript-ES6继承

JavaScript-ES6类和对象

JavaScript-多态

JavaScript-bind-call-apply

JavaScript-继承

JavaScript-属性方法分类

JavaScript-私有属性注意点

JavaScript-封装性

JavaScript-属性注意点

JavaScript-原型链

JavaScript-获取DOM元素

JavaScript-函数对象关系

JavaScript-Object函数

JavaScript-DOM开篇

JavaScript-Function函数

JavaScript-对象三角恋关系