JavaScript

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台。

• JavaScript 语法

  JavaScript 是一个脚本语言。

  它是一个轻量级，但功能强大的编程语言。

• JavaScript 语句

  JavaScript 语句是发给浏览器的命令。

  这些命令的作用是告诉浏览器要做的事情。

  下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" ：

• 分号 ;

  分号用于分隔 JavaScript 语句。

  通常我们在每条可执行的语句结尾添加分号。

  使用分号的另一用处是在一行中编写多条语句。

• JavaScript 代码

  JavaScript 代码是 JavaScript 语句的序列。

  浏览器按照编写顺序依次执行每条语句。

推荐这些技术文章：

JavaScript对象

数组对象：
创建数组：
创建方式1:
var arrname = [元素0,元素1,….]; // var arr=[1,2,3];

创建方式2:
var arrname = new Array(元素0,元素1,….); // var test=new Array(100,"a",true);

数组的方法：

点击查看代码
var arr = ["A","B","C","D...

(五).JavaScript的函数

1. 函数
1.1 函数基础简介

函数介绍

函数：具有特定功能的代码块
本质：一种对象数据类型
功能：1. 代码复用 2. 项目模块化
函数组成（两者必须同时存在）：
1. 函数定义
2. 函数调用
有声明，没调用，函数不会生效；
没声明，有调用。引用类型错误

函数的定义方式（三种，本质上都是 new Function()）

函数声明定义

function ...

(六).JavaScript的数组(2)

1.10 作用域链

定义：

作用域链：查找变量的过程
作用： 查找变量
查找规则：首先会在自身作用域找变量，找到就用
如果没有，就去上级作用域查找，找到就用
如果没有，一直往上找，直到全局作用域，有就用，没有就报错

作用域是一个相对概念
作用域的顶端一定是全局作用域
作用域是函数声明的时候确定的，作用域链是函数调用的时候有的,不调用不存在

作用域...

JavaScript – 数据类型

前言
写着 TypeScript 学习笔记, 顺便也写点 JS 的呗.
 
JS 数据类型
string
number
boolan
undefined
null
object
symbol
bigint
其中 symbol 和 bigint 是后来加进去的
另外还有一些很常见但其它它们不能说是类型. array, function, class, arrow function, Na...

JavaScript – Iterator

前言
es6 以后经常可以看到 for...of 的踪迹. 如果你细看会发现它挺神奇的. 不只是 Array 可以被 for of, 有些对象也可以被 for of.

const array = [1, 2, 3];
console.log(Array.isArray(array)); // true
for (const value of array) {
console.log(val...

JavaScript-流程控制

if判断
var age = 3;
if(age>3){
alert("haha");
} else {
alert("wawa");
}

while循环避免程序死循环
while(age<100){
age = age +1;
...

JavaScript踩坑解构赋值

一、解构赋值
　　解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出，赋值给其他变量。
　　常用的使用方式就是以字面量[]或者{}来获取 array或者 object的值。
　　常规用法：
　　数组的解构：

let a, b, rest;

[a, b] = [10, 20];
console.log(a);// 1...

JavaScript Console 样式

使用Console输出一些文字的时候,都是相同的文字不好辨别
很多大厂都对输出的内容进行了简单的美化
美化参考
BiliBili

百度

还有很多很多,这里不一一举例
那么这里提供一些简单的美化技巧,供大家日常使用
分组变色
效果演示

实现代码
console.group('分组标题');
console.log(`%c 旧值`, `color: #9E9E9E; font-weight: ...

JavaScript相等(==)和全等(===)运算符的区别

相等运算符可以做类型转换，全等运算符是在相等运算之上再加上类型的对比。1.数字字符串可转换为数字，布尔值也可以转为数字，例如：'1'==true是true2.Null和Undefined不能进行转换，Null==Undefined是true，它们和0比较都是false 3.NaN表示一个不确切的数值，所以无论和NaN怎么比较都是false4.比较对象的时候，要考虑引用对象的地址。
猜猜下面代码的...

JavaScript Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog

1、方式1: window.location.href

window.location.href="https://www.cnblogs.com/guorongtao/";     //在当前窗口中打开窗口

类似于HTML:

&...