Alex Leon

JavaScript基础快速学习

文章目录

JavaScript基础快速学习

第一章：JavaScript快速入门

1.1 如何写一段js代码，并执行
1.2 声明变量和赋值
1.3 变量命名规则

1.3.1 练习：将两个变量的值交换

第二章数据类型简介

2.1 简单数据类型

2.1.1 typeof获取变量的类型
2.1.2 数值和字符串

2.1.2.1 转义字符
2.1.2.2 加号"+"的使用

2.1.3 其他数据类型

2.1.3.1 Boolean类型
2.1.3.2 Undefined和Null

2.2 复杂数据类型

2.2.1 Object

2.3 代码注释
2.4 数据类型转换

2.4.1 其他数据类型转为字符串
2.4.2 其他数据类型转换为数值类型
2.4.3 其他数据类型转换为布尔类型

第三章 JavaScript操作符与运算符

3.1 算术运算符(+ - * / %)
3.2 一元运算符(++,--)
3.3 逻辑运算符
3.4 比较运算符
3.5 赋值运算符
3.6 运算符的优先级

第四章流程控制-JavaScript语句

4.1 分支结构

4.1.1 if判断

例：判断是否是闰年

4.1.2 switch-case的用法

例：评级

4.2 循环结构

4.2.1 while循环

例：请计算1-100之间所有数字的和
例：请计算100以内的7的倍数有哪些
例：请打印100以内所有偶数的和

4.2.2 do-while循环
4.2.3 for循环

例：打印1~100所有数的和
例：计算1~100之间所有偶数的和
例：在浏览器控制台打印10*10的'*'号图样
例：for循环打印三角形
例：for循环打印反三角形
例：for循环打印九九乘法表

4.2.4 continue 和 break

例：计算100以内不能被7整除的所有数的和(要求使用continue)
例：打印200-300之间第一个能被7整除的数字(使用break)

第五章 JavaScript数组

5.1 数组的基本概念

5.1.1 声明数组的方式

5.1.1.1 字面量方式创建数组
5.1.1.2 构造函数方式创建数组

5.1.2 数组长度的获取方式
5.1.3多维数组

5.2 获取数组元素

5.2.1 通过下标获取元素
5.2.2 通过下标获取多维数组的元素

5.3 循环遍历数组元素

for 循环遍历
例：将数组中的元素相加
例：打印出数组中最大的元素
例：打印出数组中所有的偶数
例：将数组中所有的元素以|为分割组成一个字符串
for...in 循环遍历

第六章 JavaScript函数

6.1 函数的声明和调用

函数的声明方式

关键字声明
表达式声明

函数的调用方式

函数名();

6.2 形参与实参

形参
实参

6.3 函数的返回值
6.4 匿名函数与自调用函数

匿名函数

表达式声明的函数
立即执行函数(自调用匿名函数)

6.5 函数当作值(函数也是一种数据类型)

回调(函数当作函数的参数传入)
闭包(函数当作函数的返回值传出)

第七章作用域与JS代码的运行

7.1 全局变量和局部变量*
7.2 变量提升及代码执行阶段
7.3 作用域及作用域链

第八章 JavaScript对象

8.1 对象的概述
8.2 对象的声明及使用

对象的声明

字面量声明对象
实例化方式(内置构造函数) 声明对象
实例化自定义构造函数方式声明对象

对象的使用

获取对象的属性或方法

8.3 this的指向
8.4 对象的遍历和删除

for in 循环遍历对象
delete 删除对象属性

8.5 包装对象
8.6 标准库对象(内置对象)

Math数学对象
Date 日期对象
Array 数组对象
String 字符串对象

第九章其他知识点

9.1 JavaScript 消息框

警告框
确认框
提示框

9.2 JavaScript事件

JavaScript 事件参考手册

事件句柄

onload 和 onUnload
onFocus, onBlur 和 onChange
onSubmit
onMouseOver 和 onMouseOut

JavaScript基础快速学习

第一章：JavaScript快速入门

返回目录

1.1 如何写一段js代码，并执行

JS的使用方式一共有三种

将js代码写在HTML行内
将js代码写在script标签中
将外部Js文件引入后执行

注意：使用外部引用的方式加载js代码时，script标签内不需要再写代码，写了虽不报错也不会运行

1.html


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
head>
<body>
    
    <input type="button" value="按钮" onclick="alert(123)">input>

    
    

    
    
    <script src="./1.js">script>
body>
html>

1.js

aler(567)

1.2 声明变量和赋值

<script>
    //声明一个变量
    var aa;
    //给变量赋值
    aa = 18;

    //声明一个变量并为其赋值
    var age = 20;

    //一次性声明多个变量并赋值
    var h1 = 12, h2 = 13, h3 = 15;

script>

1.3 变量命名规则

变量的命名

变量的名字必须是数字、字母、下划线_、和 $ 组成
变量的名字不能以数字开头
变量的名字不能是关键字，如for while if
建议变量名必须有意义
js中变量是区分大小写的
命名尽量使用驼峰规则

1.3.1 练习：将两个变量的值交换

<script>
// 将两个变量的值交换
var a = 1;
var b = 2;

var c = a;
    a = b;
    b = c;
alert("a="+a);
alert("b="+b);

script>

第二章数据类型简介

返回目录

简单数据类型
- 数值Number
- 字符串String
- 布尔Bolean
- undefined
- null
复杂数据类型
- 对象Object

2.1 简单数据类型

2.1.1 typeof获取变量的类型

typeof

var age = 18;
console.log(typeof age); //'Number'

2.1.2 数值和字符串

数值Number

var num = 12;
var num2 = 1.4;

String

<script>
    //这里的李四不是字符串
    // var str1 = 李四;
    
    //使用单/双引号的才是字符串
    // var str = '李四';
    // var str = '123';
script>

2.1.2.1 转义字符

<script>
    //如果在字符串中要使用引号，需加转义字符
    var str1 = '你好，我是\'Alex\'';
    var str2 = '你好，我是"Alex"';
    var str3 = '你好，我是\"Alex\"\'程序员\' ';
    var str4 = '您好，我是\\ \"Alex\" \'程序员\'';
    alert(str1);
    alert(str2);
    alert(str3);
    alert(str4);
script>

2.1.2.2 加号"+"的使用

+号既可以作为数学运算符，也可以作为字符串拼接符
从前往后进行运算，如果两个变量都是数值那么加号作为数学运算符
直到遇到一个字符串，此后所有的加号都作为字符串拼接符

<script>
 var s1 = '123';//字符串类型
 console.log(s1.length);
 var s2 = '456';//字符串类型
 var s3 = s1 + s2;//此时是字符串拼接
 console.log(s3);
 var s4 = 1;//数值类型
 console.log(s4+s3);//此时还是进行字符串拼接
 var s5 = 2;//数值类型
 console.log(s5+s4+s3);//此时s4和s5进行数学运算，之后和s3进行字符串拼接
 console.log(s3+s4+s5);//此时由于第一个s3是字符串，后面都是字符串拼接
script>

2.1.3 其他数据类型

2.1.3.1 Boolean类型

Boolean字面量: true和false,区分大小写
计算机内部存储: 0为false, 1为true

2.1.3.2 Undefined和Null

undefined表示一个声明了但没有赋值的变量，变量只声明默认值是undefined
null表示一个空变量，变量的值如果想为null，必须手动设置。

后面高级课程详细讲解

2.2 复杂数据类型

2.2.1 Object

后面高级课程详细讲解

2.3 代码注释

//单行注释
/多行注释/

2.4 数据类型转换

2.4.1 其他数据类型转为字符串

利用toString()
利用String(n)
利用字符串拼接

var n = 5;
var b = true;
console.log(typeof n);//number
console.log(typeof b)//boolean

console.log(typeof n.toString());//string
console.log(typeof b.toString());//string

console.log(typeof String(n));//string
console.log(typeof String(b));//string

console.log(typeof (''+n));//string
console.log(typeof (''+b));//string

2.4.2 其他数据类型转换为数值类型

利用Number(n);
利用parseInt(n);
利用parseFloat(n);

var a = '1';
a = Number(a);
console.log(typeof a);//number

var b = Number('c');//NaN,表示无法转换
var c = Number(null);// 0 Number()方法可以将null转为0
var d = Number(undefined); //NaN
console.log(b,c,d);

var e = parseInt('2');// 2
var f = parseInt('k23');//NaN
var g = parseInt(null);//NaN
var h = parseInt(undefined);//Nan
console.log(e,f,g,h);

var i = parseFloat('1.25df');// 1.25，前面认识的会转换，不认识的不转换
var j = parseFloat('1.2.3.4.5.6');// 1.2 同上
var k = parseFloat('hs123');// NaN，一开始就不认识，所以不转换
var l = parseFloat(null);// NaN
var m = parseFloat(undefined);// NaN
console.log(i,j,k,l,m);

注：只有Number()方法可以将null转换为0

2.4.3 其他数据类型转换为布尔类型

利用Boolean(n);

var a = Boolean(0);//false
var b = Boolean(1);//true
var b2 = Boolean(12);//true
var c = Boolean('0');//true
var d = Boolean('2');//true
var e = Boolean('');//false
var f = Boolean(null);//false
var g = Boolean(undefined);//false
console.log(a,b,b2,c,d,e,f,g);

说明：

数值转boolean, 0为false，非0为true
字符串转boolean, 字符串有内容为true, ‘’ 为false
null和undefined转boolean都为false

第三章 JavaScript操作符与运算符

返回目录

表达式：值和操作符，运算会有个结果；

比如: var str = s1 + s2;

整体是一个表达式，s1和s2是子表达式

3.1 算术运算符(+ - * / %)

+ - * / %

3.2 一元运算符(++,–)

一个值进行自身的运算

和java一样：

操作符在变量前面，先进行自身运算，再进行其他运算。
操作符在后面，先进行其他运算，再进行自身运算。

var a = 1;
var b = ++a + a++;
console.log(b);// 4
console.log(a);//3

var c = 1;
var d = c++ + ++c;
console.log(d);//4
console.log(c);//3

var e = 1;
var f = ++e + ++e;
console.log(f); //5
console.log(e); //3

3.3 逻辑运算符

&& 逻辑与运算符，参与运算的数据必须同时为真，结果为真
|| 逻辑或运算符，参与运算的数据只要有一个为真，结果为真
! 逻辑非运算符，获取相反的结果

var a = 1;//非0逻辑判断为true
var b = 0;//0的逻辑判断为false
console.log(a && b);//两个同时都为真才为真，否则为假。所以这个是假，但这里打印的是0
console.log(a || b);//只要有一个为真则为真，所以这里打印的是1

注意：

运算符优先级：先运算&&后运算||
在js中，逻辑运算结果是决定整个表达式的子表达式的结果

var a = 1;
var b = 2;
var c = 0;
console.log(a || c && b);// 1, 先运算&&, 然后子表达式a起决定性作用

3.4 比较运算符

>, <, >=, <=, ==(等于), !=(不等), ===(全等于), !==(不全等)

他们比较后结果都是false或true

 var a = '2';
 var b = 2;
 console.log(a == b);//true
 console.log(a === b);//false

因为js是一种弱类型的语言，变量的数据类型存在自动转换，
使用==时，只比较值，不比较数据类型，结果为true
使用===时，时全等比较，即比较值也会比较类型，结果为false

3.5 赋值运算符

=, +=, -=, *=, /=, %=

a = a + 4;
a+=4;

b= a - 4;
b-=4

3.6 运算符的优先级

运算优先级从上往下

() 优先级最高，所以如果想优先执行，可以将该表达式放入()中
一元运算符 ++ – ！(逻辑非也算作一元)
算数运算符 + - * / % (先乘除取余，后加减)
关系运算符 > < >= <=
相等运算符 == === != !==
逻辑运算符先&& 后||
赋值运算 =

var s = 4>=6 || '人' !='哈哈' && !(12*2+3 == 122) && true;
console.log(s); //true

var n = 10;
var f = 5 == n / 2 && (2+2*n);
//化简后其实为 true && 22; 结果为22的表达式起到决定性作用
console.log(f); //22

第四章流程控制-JavaScript语句

返回目录

程序的三种结构：

顺序结构: 默认从上到下执行代码
分支结构：根据不同的条件情况进行判断，执行对应代码
循环结构：重复执行一段代码

代码的执行流程分为顺序，分支和循环三种结构，顺序结构是默认的，分支结构主要有if-else和switch-case两种，循环结构有while, do-while, 和for三种。continue和break是跳出循环。

4.1 分支结构

4.1.1 if判断

//if(判断条件)
if(condition1){
    //条件成立代码执行
    code1;
}else if(condition2){
    //if else if结构，前面哪一个条件先成立则执行哪一个的代码
    //如果有代码执行，那么后面的条件不管是否成立都不执行代码
    code2；
}else if(condition3){
    code3；
}else if(condition4){
    code4;
}else{//如果前面的所有条件都不成立，就执行else的代码
    code5;
}

例：判断是否是闰年

//闰年：能被4整除，但是不能被100整除。或能被400整除的年份
  var n = 2019;
  if(n%4==0){
      if(n%100!=0){
          console.log(n+"年是闰年");
      }else if(n%400==0){
          console.log(n+'年是闰年');
      }
  }else{
      console.log(n+"年是平年");
  }

4.1.2 switch-case的用法

switch(value){
    case value1:
        code1;
        break;
    case value2:
        code2;
        break;
    default:
        code3;
        break;
}

例：评级

var level = "B";
switch(level){
    case 'A': 
        console.log('90分以上');
        break;
    case 'B':
        console.log('80-90分');
        break;
    case 'C':
        console.log('70-80分');
        break;
    default:
        console.log('太差了');
        break;

}

4.2 循环结构

4.2.1 while循环

如果条件成立，代码会一直循环执行。
每次执行代码前都会对条件重新判断，直到条件不成立。

var i = 0;
while(i<10){
    console.log(i);
    i++;
}

例：请计算1-100之间所有数字的和

var i = 1;
var sum = 0;
while(i<=100){
    sum+=i;
    i++
}
console.log(sum);

例：请计算100以内的7的倍数有哪些

var i = 1;
while(i<=100){
    if(i%7==0){
        console.log(i);
    }
    i++;
}

例：请打印100以内所有偶数的和

var i = 1;
var sum = 0;
while(i<=100){
    if(i%2==0){
        sum+=i;
    }
    i++;
}
console.log(sum);

4.2.2 do-while循环

先执行一次代码，然后再进行条件判断
如果条件成立，代码继续执行，如果条件不成立代码不执行。

do{
    code1;
}while(condition);

4.2.3 for循环

for(初始表达式; 判断表达式; 自增自减运算){
    code;
}

例：打印1~100所有数的和

var sum = 0;
for(var i=0; i<=100; i++){
    sum+=i;
}
console.log(sum);

例：计算1~100之间所有偶数的和

var sum = 0;
for(var i=0; i<=100; i++){
    if(i%2==0){
        sum+=i;
    }
}
console.log(sum);

例：在浏览器控制台打印1010的’'号图样

var s = '';
for(var i = 1; i <= 10; i++){
    for(var j = 1; j<=10; j++){
        s+='* '
    }
    s+='\n'
}
console.log(s);

例：for循环打印三角形

var s = '';
for(var i = 1; i <= 10; i++){
    for(var j = 1; j<=i; j++){
        s+='* '
    }
        s+='\n'
}
console.log(s);

例：for循环打印反三角形

var s = '';
for(var i = 10; i > 0; i--){
    for(var j = i; j > 0; j--){
        s+= '* ';
    }
        s+='\n';
}
console.log(s);

var s = '';
for(var i = 0; i <= 10; i++){
    for(var j = i; j <= 10; j++){
        s+= '* ';
    }
        s+='\n';
}
console.log(s);

例：for循环打印九九乘法表

var s = '';
for(var i = 1; i < 10; i++){
    for(var j = 1; j<=i; j++){
        s+= j + 'x' +  i + '=' + i*j + ' '
    }
        s+='\n'
}
console.log(s);

4.2.4 continue 和 break

break: 立即跳出整个循环，即循环结束，开始执行循环后面的内容(直接跳到大括号)
continue: 立即跳出当前循环，继续下一次循环(跳到++的地方)

例：计算100以内不能被7整除的所有数的和(要求使用continue)

var sum = 0;
for(var i = 1; i<=100; i++){
    if(i % 7 == 0){
        continue;
    }else{
        sum+=i;
    }
}
console.log(sum);

例：打印200-300之间第一个能被7整除的数字(使用break)

for(var i = 200; i <= 300; i++){
    if(i % 7 == 0){
        console.log(i);
        break;
    }
}

第五章 JavaScript数组

返回目录

5.1 数组的基本概念

所谓数组，就是多个元素(通常是同一类型)按一定顺序放到一个集合当中，那么这个集合我们就称之为数组。
JavaScript数组里面可以存放任何类型的元素，混合的也行，而且数组里面可以有数组

5.1.1 声明数组的方式

5.1.1.1 字面量方式创建数组

var a = [];//空数组
var b = [1,2,3];
var c = ['a','b','c'];
console.log(a);

5.1.1.2 构造函数方式创建数组

var d = new Array();
var e = new Array(1,2,3,'a','b','c');
conslole.log(d);

5.1.2 数组长度的获取方式

var a = [1,2,3];
var l = a.length;

5.1.3多维数组

数组里面又有数组的情况，我们将这个数组称为多维数组、二维数组。

var a = [1,2,3,'a','b','c'];
var b = ['d','e','f',a];
var c = ['g','h',4,5,6,b]
console.log(c);

5.2 获取数组元素

5.2.1 通过下标获取元素

var a = ['red','blue','yellow'];
console.log(a[2]);

5.2.2 通过下标获取多维数组的元素

var b = ['路飞','娜美',['巴基','小丑',['乔巴','索隆']]];
console.log(b[2][2][1]);//索隆

5.3 循环遍历数组元素

for 循环遍历

var a = ['我','是','A','l','e','x'];
for(var i = 0; i<a.length; i++){
    console.log(a[i]);
}

例：将数组中的元素相加

var a = [12,8,7,4,5,3,9,6];
var sum = 0;
for(var i = 0; i<a.length; i++){
    sum+=a[i];
}
console.log(sum);

例：打印出数组中最大的元素

var arr = [12,26,1,7,8,4];
var max = 0;
for(var i = 0; i<arr.length; i++){
    if(max<arr[i]){
        max = arr[i];
    }
}
console.log(max);

例：打印出数组中所有的偶数

var arr = [12,26,1,7,8,4];
for(var i = 0; i<arr.length;i++){
    if(arr[i]%2==0){
        console.log(arr[i]);
    }
}

例：将数组中所有的元素以|为分割组成一个字符串

var arr = [12,26,1,7,8,4];
var s = '';
for(var i = 0; i<arr.length; i++){
    s+=arr[i]+'|';
}
console.log(s);

for…in 循环遍历

var arr = [1,2,3,4,5,6,7,8,9];
for(var k in arr){
    console.log(arr[k]);
}

第六章 JavaScript函数

返回目录

把一段相对独立的具有特定功能的代码块封装()起来，形成一个独立实体，就是函数，起个名字(函数名)，在后续开发中可以反复调用。

函数的作用就是封装一段代码，将来可以重复使用

6.1 函数的声明和调用

函数的声明方式

关键字声明

function 函数名 (){
    
}

表达式声明

var f = function(){
    
}
//变量f就相当于函数名

注意:

函数声明后，里面的代码不会自动执行的
函数中的代码想要执行，必须调用这个函数(函数只要不调用，代码一定不执行)

函数的调用方式

函数名();

var f1 = function(){
    console.log(哈哈);
}
//函数的调用
f1();
f1();

函数调用几次，里面代码就会执行几次。

6.2 形参与实参

形参是形式参数，是在函数声明的时候写的，多个形参使用","隔开，形参的值是不固定的，仅仅是一个占位，等待实参传入，与实参实际传入的值要一一对应。
实参是在函数调用的时候，实际传入函数的值。传入后，在函数中使用形参获取具体的值。

形参

在函数声明的时候，使用形参

function f(形参1, 形参2, 形参3, ...){//这里一般写的是变量名
    函数体;
}

实参

在函数调用的时候，使用实参。

f(实参1, 实参2, 实参3, ...);

例子:

function f(k){//形参
    var sum = 0;
    for(var i = 0; i<=k; i++){
        sum+=i;
    }
console.log(sum);
}
f(60);//实参
f(10);

6.3 函数的返回值

function f(形参1，形参2){
    代码;
    return 返回值;
}
//这时候调用的时候需要接收返回值
var re = f(实参1，实参2);

例：

function f(a,b){
    var c = a -b;
    //return c;
}
var c = f(10,6);
console.log(c);

注意:

如果函数中没有return,那么函数调用之后接收到的返回值是undefined
函数中return之后，不管有什么代码，均不执行。

6.4 匿名函数与自调用函数

匿名函数

函数本身是没有名字的。

表达式声明的函数

其实表达式声明方式创建的函数就是匿名函数

var fun = function(){
    代码;
}
//然后通过变量名进行调用
fun();

立即执行函数(自调用匿名函数)

(function(){
    alert(123);
})();

自调用函数的作用：

1. 防止全局变量的污染
1. 封装一个局部作用域

6.5 函数当作值(函数也是一种数据类型)

数据类型中有一种数据是对象，而函数和数组就是属于对象类型。

回调(函数当作函数的参数传入)

function f1(s){
    s();//执行形参s
}
function f2(){
    console.log(222);
}
f1(f2);

如上，f2函数会被当作值，传入f1函数内。
这个就是回调，后面会继续学习。

闭包(函数当作函数的返回值传出)

不是所有函数当作值传出都是闭包，后面课程会详细讲解

function f1(){
var a = 10;
var f2 = function( ){
    alert(2)
}
return f2;//当作返回值传出
}
var k = f1();
k();//执行的是f2

第七章作用域与JS代码的运行

返回目录

作用域: 变量可以起作用的范围和区域

7.1 全局变量和局部变量*

全局变量与全局作用域

在任何地方都可以访问到的变量就是全局变量，全局变量所在的区域就是全局作用域。

局部变量

只在固定的代码片段内可以访问到的遍历，最常见的例如函数的内部，就是局部变量，局部变量所在的区域就是局部作用域。

不使用var声明的变量是全局变量，不推荐使用

变量退出作用域后会销毁，全局变量在关闭网页或者浏览器时才会销毁

<script>
var a = 1;
//函数里面就是局部作用域，函数外面就是全局作用域
function f1(){
    var a = 2;
}
script>

例:

<script>
var a = 1;
var f = function(){
    var a = 2;
}
f();
console.log(a);//结果是1
script>

7.2 变量提升及代码执行阶段

JS代码运行分为两个阶段

1. 解析(编译)阶段: 语法检查，将所有的变量、函数等等进行声明。
1. 运行阶段: 变量的赋值，代码流程的执行

例子

console.log(a);
var a = 2;

我们知道js代码是由上向下执行，上面这段代码执行结果是undefined，因为变量的声明在下面

但是如果直接不写变量的声明，那么这段代码执行会报错

所以虽然变量声明写在代码执行的下面会导致执行结果为undefined,但是var a = 2 写和不写，还是有很大区别的，这个就是变量提升

其实上面那段代码编译和执行情况实际上如下:

var a;
console.log(a);
a = 2;

在代码执行之前，已经在编译阶段进行了声明，所以结果才会是undefined。

练习1

var a = 12;
function abc(){
    alert(a);
    var a = 10;
}
abc();

执行结果是undefined, 首先alert(a)中的a应是局部变量,和函数外面的a没有关系，但是var a = 10在下面，由于代码提升，局部变量a只被声明但是还没有赋值，因此结果是undefined。

练习2

console.log(a)
function a(){
    console.log('aaaaaa');
}
var a = 1;
console.log(a);

执行结果如下

ƒ a(){
    console.log('aaaaaa');
}
1

注意：如果变量和函数重名，那么声明阶段，函数声明会替换变量声明

7.3 作用域及作用域链

只有函数可以制造作用域，那么只要是代码，就至少有一个作用域(全局作用域)。

凡是代码里有函数，那么这个函数就构成另一个作用域。

如果函数中还有函数，那么这个作用域中就又可以诞生一个作用域。

将这样的所有作用域列出来，可以有一个结构：函数内指向函数外的链式结构。就称作作用域链。

例:

var a = 3;
function f1(){
    //var a = 4;
    function f2(){
        //var a = 5;
        function f3(){
            //var a = 6;
            console.log(a);
        }
        f3();
    }
    f2();
}
f1();

注意:

当函数中使用某个变量时，优先在自己的作用域中查找，如果找不到就向上一层(函数)作用域，如果还找不到，继续往上一层查找，直到全局作用域。如果还找不到，直接报错。这就是作用域链。

第八章 JavaScript对象

返回目录

8.1 对象的概述

生活中的对象
万物皆对象

现实生活中万物皆对象，对象是一个具体的事物，一个具体的事物就会有行为和特征。

举例:一部车，一个手机
车是一类事物，门口停着的那辆车才是对象
特征：红色，四个轮子
行为：驾驶、刹车

JavaScript中对象

JavaScript中的对象其实就是生活中对象的一个抽象
JavaScript的对象是无序属性的集合。
其属性可以包含基本值，对象，数组或函数。
对象就是一组没有顺序的值的集合。
我们可以把JavaScript中的对象想象成键值对，其中值可以是数据和函数。
对象的行为和特征：
特征—属性
行为—方法

事物的特征在对象中用属性来表示。
事物的行为在对象中用方法来表示。

8.2 对象的声明及使用

对象的声明

字面量声明对象

var obj1 = {};
//对象里面的所有的东西都是键值成对存在
var obj2 =  {age:12, length:190, name:'Alex', fly:function(){}}

对象里面的所有数据都是键值成对存在
通常来时，值是函数则称为方法，其他类型的值都是属性。

实例化方式(内置构造函数) 声明对象

var obj = new Object();

实例化自定义构造函数方式声明对象

function fun(){
    
}
var f = new fun();

对象的使用

获取对象的属性或方法

对象.属性名;

var obj =  {
    name:'Alex', 
    age:12, 
    length:190, 
    fly:function(){
            console.log('飞');
    }
}
console.log(obj.age);
obj.fly();

8.3 this的指向

方法中的this指的就是这个方法所在的对象、

var obj1 =  {
    name:'Alex', 
    age:12, 
    length:190, 
    showAge:function(){
        var a = this.age;
        console.log(a);
    }
}
obj1.showAge();

普通的函数中也有this, this指向全局对象Window(当前运行的大环境)

function f(){
    console.log(this);
}
f();//undefined

总结：

this永远指向一个对象
this运行在哪个对象下，就指向那个对象。

例：

function fun(){
    var k = '89';
    console.log(this.k);
}
var o1 = {
    name: 'o1',
    k: '123',
    f:fun
}
var o2 = {
    name:'o2',
    k: '456',
    f:fun
}
o1.f();//123
o2.f();//456

为什么fun函数中var k = ‘89’没有被打印出来?
o1.f();执行时，fun函数在o1对象下运行，所以this指向的是o1, 而o1.k是’123’，所以打印123.
同理，o2.f();执行时，fun函数在o2对象下运行，所以this指向的是o2, 而o2.k是’456’，所以打印456.

this运行在哪个对象下，就指向那个对象

只需要弄清楚，函数到底是被谁调用了

例2:

var o1 = {
    age: 18,
    f:function(){
        console.log(this.age);
    }
}
var o2 = {
    age: 16,
    f:o1.f,
}
o2.f();

执行结果是16，为什么？
虽然这个函数是o1下的函数，但是它是通过o2进行调用的，o1.f已经作为属性传给o2,所以o2.f()中的this应当是运行在o2环境下的。

8.4 对象的遍历和删除

for in 循环遍历对象

语法:

for(键 in 对象)

for…in 循环不仅可以遍历数组，还可以循环遍历对象。

例：

var obj = {
    name: '路飞',
    age: 15,
    gender: '男'
}
for(var k in obj){
    console.log(obj[k]);
}

delete 删除对象属性

语法

delete 对象.属性

var obj = {
    name: '路飞',
    age: 15,
    gender: '男'
}
console.log(obj);
delete obj.age;
console.log(obj);

8.5 包装对象

JavaScript中数据类型有6中，其中有3种是原始数据类型，数值，字符串和布尔类型。

原始数据类型在一定的条件下可以自动转为对象，这就是包装对象。

var num = new Number(123);
console.log(typeof num);//object

原始值可以自动当作对象来使用，可以调用各种属性及方法。

如果包装对象使用完成，会自动立即销毁。

比如声明一个字符串后就可以直接使用它的属性

var a = `123`;
console.log(a.length);

这个属性并不是在包装对象身上，而是在原型身上。他们是类似继承关系。

8.6 标准库对象(内置对象)

Math数学对象

属性	描述
E	返回算术常量 e，即自然对数的底数（约等于2.718）
LN2	返回 2 的自然对数（约等于0.693）
LN10	返回 10 的自然对数（约等于2.302）
LOG2E	返回以 2 为底的 e 的对数（约等于 1.414）
LOG10E	返回以 10 为底的 e 的对数（约等于0.434）
PI	返回圆周率（约等于3.14159）
SQRT1_2	返回返回 2 的平方根的倒数（约等于 0.707）
SQRT2	返回 2 的平方根（约等于 1.414）

方法	描述
abs(x)	返回数的绝对值
acos(x)	返回数的反余弦值
asin(x)	返回数的反正弦值
atan(x)	以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值
atan2(y,x)	返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）
ceil(x)	对数进行上舍入
cos(x)	返回数的余弦
exp(x)	返回 e 的指数
floor(x)	对数进行下舍入
log(x)	返回数的自然对数（底为e）
max(x,y)	返回 x 和 y 中的最高值
min(x,y)	返回 x 和 y 中的最低值
pow(x,y)	返回 x 的 y 次幂
random()	返回 [ 0 ~ 1 ) 之间的随机数
round(x)	把数四舍五入为最接近的整数
sin(x)	返回数的正弦
sqrt(x)	返回数的平方根
tan(x)	返回角的正切
toSource()	返回该对象的源代码
valueOf()	返回 Math 对象的原始值

//取绝对值
var n = -2;
console.log(Math.abs(n));
//取默认[0,1)之间的随机数
var r = Math.random();
console.log(r);
//规定范围的随机数公式: Math.random()*(上限-下限)+下限;
//取规定范围的随机整数,取[11-32)范围内的随机整数
var f = Math.floor(Math.random()*(32-11)+11);
console.log(f);

取绝对值 Math.abs();
取默认[0,1)之间的随机数 Math.random();
取[min,max)之间的随机数 Math.randowm()*(max-min)+min;
向下取整 Math.floor();

Date 日期对象

获取事件对象

var myDate=new Date();

注释：Date 对象会自动把当前日期和时间保存为其初始值。

Date对象属性

属性	描述
constructor	返回对创建此对象的 Date 函数的引用
prototype	使您有能力向对象添加属性和方法

Date对象方法

方法	描述
Date()	返回当日的日期和时间
getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)
getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)
getMonth()	从 Date 对象返回月份 (0 ~ 11)
getFullYear()	从 Date 对象以四位数字返回年份
getYear()	请使用 getFullYear() 方法代替
getHours()	返回 Date 对象的小时 (0 ~ 23)
getMinutes()	返回 Date 对象的分钟 (0 ~ 59)
getSeconds()	返回 Date 对象的秒数 (0 ~ 59)
getMilliseconds()	返回 Date 对象的毫秒(0 ~ 999)
getTime()	返回 1970 年 1 月 1 日至今的毫秒数
getTimezoneOffset()	返回本地时间与格林威治标准时间 (GMT) 的分钟差
getUTCDate()	根据世界时从 Date 对象返回月中的一天 (1 ~ 31)
getUTCDay()	根据世界时从 Date 对象返回周中的一天 (0 ~ 6)
getUTCMonth()	根据世界时从 Date 对象返回月份 (0 ~ 11)
getUTCFullYear()	根据世界时从 Date 对象返回四位数的年份
getUTCHours()	根据世界时返回 Date 对象的小时 (0 ~ 23)
getUTCMinutes()	根据世界时返回 Date 对象的分钟 (0 ~ 59)
getUTCSeconds()	根据世界时返回 Date 对象的秒钟 (0 ~ 59)
getUTCMilliseconds()	根据世界时返回 Date 对象的毫秒(0 ~ 999)
parse()	返回1970年1月1日午夜到指定日期（字符串）的毫秒数
setDate()	设置 Date 对象中月的某一天 (1 ~ 31)
setMonth()	设置 Date 对象中月份 (0 ~ 11)
setFullYear()	设置 Date 对象中的年份（四位数字）
setYear()	请使用 setFullYear() 方法代替
setHours()	设置 Date 对象中的小时 (0 ~ 23)
setMinutes()	设置 Date 对象中的分钟 (0 ~ 59)
setSeconds()	设置 Date 对象中的秒钟 (0 ~ 59)
setMilliseconds()	设置 Date 对象中的毫秒 (0 ~ 999)
setTime()	以毫秒设置 Date 对象
setUTCDate()	根据世界时设置 Date 对象中月份的一天 (1 ~ 31)
setUTCMonth()	根据世界时设置 Date 对象中的月份 (0 ~ 11)
setUTCFullYear()	根据世界时设置 Date 对象中的年份（四位数字）
setUTCHours()	根据世界时设置 Date 对象中的小时 (0 ~ 23)
setUTCMinutes()	根据世界时设置 Date 对象中的分钟 (0 ~ 59)
setUTCSeconds()	根据世界时设置 Date 对象中的秒钟 (0 ~ 59)
setUTCMilliseconds()	根据世界时设置 Date 对象中的毫秒 (0 ~ 999)
toSource()	返回该对象的源代码
toString()	把 Date 对象转换为字符串
toTimeString()	把 Date 对象的时间部分转换为字符串
toDateString()	把 Date 对象的日期部分转换为字符串
toGMTString()	请使用 toUTCString() 方法代替
toUTCString()	根据世界时，把 Date 对象转换为字符串
toLocaleString()	根据本地时间格式，把 Date 对象转换为字符串
toLocaleTimeString()	根据本地时间格式，把 Date 对象的时间部分转换为字符串
toLocaleDateString()	根据本地时间格式，把 Date 对象的日期部分转换为字符串
UTC()	根据世界时返回 1997 年 1 月 1 日到指定日期的毫秒数
valueOf()	返回 Date 对象的原始值

//获取事件对象
//默认当前时间为初始设置
var myDate = new Date();
console.log(myDate);

var now = Date.now();//可以直接获取当前时间戳
console.log(now);

console.log(myDate.getHours());//获取小时
console.log(myDate.getDate());//获取日
console.log(myDate.getFullYear());//获取年
console.log(myDate.getMoth()+1);//获取月

注意：

JS中获取的时间是计算机本地时间
JS中月份的数字是从0开始的

Array 数组对象

创建 Array 对象的语法：
- new Array();
- new Array(size);参数 size 是期望的数组元素个数。返回的数组，length 字段将被设为 size 的值。
- new Array(element0, element0, ..., elementn);参数 element …, elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时，新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。
返回值
- 返回新创建并被初始化了的数组。
- 如果调用构造函数 Array() 时没有使用参数，那么返回的数组为空，length 字段为 0。
- 当调用构造函数时只传递给它一个数字参数，该构造函数将返回具有指定个数、元素为 undefined 的数组。
- 当其他参数调用 Array() 时，该构造函数将用参数指定的值初始化数组。
- 当把构造函数作为函数调用，不使用 new 运算符时，它的行为与使用 new 运算符调用它时的行为完全一样。

属性	描述
constructor	返回对创建此对象的数组函数的引用
index
input
length	设置或返回数组中元素的数目
prototype	使您有能力向对象添加属性和方法。

方法	描述
concat()	连接两个或更多的数组，并返回结果
join()	把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔
pop()	删除并返回数组的最后一个元素
push()	向数组的末尾添加一个或更多元素，并返回新的长度
reverse()	颠倒数组中元素的顺序
shift()	删除并返回数组的第一个元素
slice()	从某个已有的数组返回选定的元素,返回的是新数组，是原数组的浅拷贝，不改变原数组
sort()	对数组的元素进行排序
splice()	删除元素，并向数组添加新元素
toSource()	返回该对象的源代码
toString()	把数组转换为字符串，并返回结果
toLocaleString()	把数组转换为本地数组，并返回结果
unshift()	向数组的开头添加一个或更多元素，并返回新的长度
valueOf()	返回数组对象的原始值

var arr = [1,2,3,4,5];
//在末位添加元素
arr.push(10);
console.log(arr);
//删除末位元素
arr.pop();
console.log(arr);
//选取规定范围元素，返回新数组
console.log(arr.slice(2,4));
console.log(arr);
//合并两个或多个数组
var arr2 = ['A','l','e','x','p'];
var newArr = arr.concat(arr2);
console.log(newArr);
//将数组中的元素使用指定分隔符隔开，返回一个字符串，如果只有一个元素，不会添加分隔符。
var str = arr2.join('-');
console.log(str);

String 字符串对象

创建 String 对象的语法：

new String(s);
String(s);

参数
- 参数 s 是要存储在 String 对象中或转换成原始字符串的值。
返回值
- 当 String() 和运算符 new 一起作为构造函数使用时，它返回一个新创建的 String 对象，存放的是字符串 s 或 s 的字符串表示。
- 当不用 new 运算符调用 String() 时，它只把 s 转换成原始的字符串，并返回转换后的值。
String 对象属性

属性	描述
constructor	对创建该对象的函数的引用
length	字符串的长度
prototype	允许您向对象添加属性和方法

String 对象方法
FF: Firefox, IE: Internet Explorer

方法	描述
anchor()	创建 HTML 锚
big()	用大号字体显示字符串
blink()	显示闪动字符串
bold()	使用粗体显示字符串
charAt()	返回在指定位置的字符
charCodeAt()	返回在指定的位置的字符的 Unicode 编码
concat()	连接字符串
fixed()	以打字机文本显示字符串
fontcolor()	用指定的颜色来显示字符串
fontsize()	使用指定的尺寸来显示字符串
fromCharCode()	从字符编码创建一个字符串
indexOf()	检索字符串
italics()	使用斜体显示字符串
lastIndexOf()	从后向前搜索字符串
link()	将字符串显示为链接
localeCompare()	用本地特定的顺序来比较两个字符串
match()	找到一个或多个正在表达式的匹配
replace()	替换与正则表达式匹配的子串，返回新字符串，原字符串不会改变
search()	检索与正则表达式相匹配的值
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分
small()	使用小字号来显示字符串
split()	把字符串分割为字符串数组
strike()	使用删除线来显示字符串
sub()	把字符串显示为下标
substr()	从起始索引号提取字符串中指定数目的字符，方法返回一个字符串中，从指定位置开始到指定字符数的字符
substring()	提取字符串中两个指定的索引号之间的字符
sup()	把字符串显示为上标
toLocaleLowerCase()	把字符串转换为小写
toLocaleUpperCase()	把字符串转换为大写
toLowerCase()	把字符串转换为小写
toUpperCase()	把字符串转换为大写
toSource()	代表对象的源代码
toString()	返回字符串
valueOf()	返回某个字符串对象的原始值

//打印字符串长度(元素个数)
var str = 'JavaScript';
console.log(str.length);
//打印某字符串在该字符串中第一次出现的位置(下标从0开始)
var n = str.indexOf('s');
console.log(n);
//截取一个字符串中，从指定位置开始到指定字符数的字符
var s1 = str.substr(2,5);
console.log(s1);
//全部转为小写
var s2 = str.toLowerCase();
console.log(s2);
//全部转为大写
var s3 = str.toUpperCase();
console.log(s3);
//将Java替换为Type,replace返回的是新字符串，原字符串不会改变
var s4 = str.replace('Java','Type');
console.log(s4);

第九章其他知识点

返回目录

9.1 JavaScript 消息框

可以在 JavaScript 中创建三种消息框：

警告框alert
确认框confirm
提示框prompt

警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后，用户需要点击确定按钮才能继续进行操作。

警告框中的字符串可以通过+'\n'+的方式进行折行

语法：

alert("文本")

例:

<html>
<head>
head>
<body>
    <input type="button" onclick="dis_alert()" value="展示警告框">
body>
<script type="text/javascript">
    function dis_alert(){
        alert(
            "警告" + '\n' + "我是警告框"
        )
    }
script>
html>

确认框

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

语法：

confirm("文本")

例：

<html>
<head>
<script type="text/javascript">
function show_confirm()
{
var r=confirm("是否确认？");
if (r==true)
  {
  alert("您已确认！");
  }
else
  {
  alert("您已取消！");
  }
}
script>
head>
<body>
<input type="button" onclick="show_confirm()" value="展示确认框" />
body>
html>

提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

语法：

prompt("文本","默认值")

例：

<html>
<head>
head>
<script type="text/javascript">
function disp_prompt()
  {
  var name=prompt("请输入您的名字","Alex")
  if (name!=null && name!="")
    {
    document.write("你好！" + name + " 今天过得怎么样？")
    }
  }
script>
<body>
<input type="button" onclick="disp_prompt()" value="显示提示框" />
body>
html>

9.2 JavaScript事件

事件是可以被 JavaScript 侦测到的行为。

事件

JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。

网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。

事件举例：

鼠标点击
页面或图像载入
鼠标悬浮于页面的某个热点之上
在表单中选取输入框
确认表单
键盘按键

注意：事件通常与函数配合使用，当事件发生时函数才会执行。

JavaScript 事件参考手册

事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。

事件句柄

HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作。

属性	当以下情况发生时，出现此事件
onabort	图像加载被中断
onblur	元素失去焦点
onchange	用户改变域的内容
onclick	鼠标点击某个对象
ondblclick	鼠标双击某个对象
onerror	当加载文档或图像时发生某个错误
onfocus	元素获得焦点
onkeydown	某个键盘的键被按下
onkeypress	某个键盘的键被按下或按住
onkeyup	某个键盘的键被松开
onload	某个页面或图像被完成加载
onmousedown	某个鼠标按键被按下
onmousemove	鼠标被移动
onmouseout	鼠标从某元素移开
onmouseover	鼠标被移到某元素之上
onmouseup	某个鼠标按键被松开
onreset	重置按钮被点击
onresize	窗口或框架被调整尺寸
onselect	文本被选定
onsubmit	提交按钮被点击
onunload	用户退出页面

onload 和 onUnload

当用户进入或离开页面时就会触发 onload 和 onUnload 事件。

onload 事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。

onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如，当某用户第一次进入页面时，你可以使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时，你可以使用另一个消息框来和这个用户打招呼：“Welcome John Doe!”。

onFocus, onBlur 和 onChange

onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。

下面是一个使用 onChange 事件的例子。用户一旦改变了域的内容，checkEmail() 函数就会被调用。

<input type="text" size="30" id="email" onchange="checkEmail()">

onSubmit

onSubmit 用于在提交表单之前验证所有的表单域。

下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时，checkForm() 函数就会被调用。假若域的值无效，此次提交就会被取消。

checkForm() 函数的返回值是 true 或者 false。如果返回值为true，则提交表单，反之取消提交。

<form method="post" action="xxx.htm" onsubmit="return checkForm()">

onMouseOver 和 onMouseOut

onMouseOver 和 onMouseOut 用来创建“动态的”按钮。

下面是一个使用 onMouseOver 事件的例子。当 onMouseOver 事件被脚本侦测到时，就会弹出一个警告框：

<a href="http://www.w3school.com.cn"
onmouseover="alert('An onMouseOver event');return false">
<img src="w3school.gif" width="100" height="30">
a>

返回目录

你可能感兴趣的:(JavaScript)

移动端城市区县二级联动选择功能实现包 good2know
本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
用代码生成艺术字：设计个性化海报的秘密
本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准
为什么学习Web前端一定要掌握JavaScript？ web前端学习指南
为什么学习Web前端一定要掌握JavaScript？在前端的世界里，没有什么是JavaScript实现不了的，关于JS有一句话：凡是可以用JavaScript来写的应用，最终都会用JavaScript，JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。
Vue CSR 到 Nuxt 3 SSR 迁移：技术实现与问题解决实录二倍速播放前端 vue.js
1.迁移动机与技术选型1.1CSR架构的局限性基于Vue3和Vite构建的客户端渲染(CSR)单页应用(SPA)提供了良好的开发体验和用户交互流畅性。但是其核心局限在于：搜索引擎优化(SEO)：初始HTML响应仅包含一个根div元素，实际内容由JavaScript在浏览器端动态生成。虽然主流搜索引擎（如Google）能够执行部分JavaScript，但其抓取效率和稳定性不如直接获取完整HTML。非
12. 什么是事件委托 yqcoder 前端面试-CSS css 面试
总结事件委托（EventDelegation）是JavaScript中一种重要的事件处理机制，它利用了事件冒泡的特性，将事件的处理程序绑定到父元素或祖先元素上，而不是直接绑定到具体的子元素上。什么是事件委托？事件冒泡：在DOM中，事件通常会从触发元素开始，然后逐级向上冒泡到其父元素、祖先元素，直到window对象。核心思想：事件委托的核心思想是利用事件冒泡机制，在父元素上监听事件，而不是在每个子元
关于前端的性能优化
性能优化主要涵盖了以下四个方面：(tip:仅代表个人总结，如有不当，还希望看到的大佬多多指示)减少网络请求：合并文件、使用CDN、启用缓存。优化资源加载：代码分割、懒加载、图片压缩。提升渲染性能：减少重绘回流、防抖节流、使用WebWorker。监控和迭代：定期使用工具检测性能，持续优化。一、网络层面优化减少HTTP请求合并文件：将多个CSS或JavaScript文件合并成一个，减少请求次数。使用C
时间组件库Day.js那些事前端小白花 javascript 开发语言 ecmascript
一、简介1.什么是Day.jsDay.js是一个轻量级，易于使用的JavaScript日期库，提供了强大的日期和时间处理功能，与Moment.js的API设计相似，但具有更高的性能和更小的体积。Day.js官网https://day.js.org/docs/zh-CN/installation/installation2.优势a.特点轻量级：Dayjs的压缩后大小只有2KB左右，远小于Moment
JavaScript正则表达式去除括号但保留内容与去除括号与内容 Selicens javascript 正则表达式
项目上碰到一个需求，是取多个递增文件的文件名，类似于test(1).txt、test(2).txt，但是不需要括号，只要test1、test2这种格式，最开始想到的办法就是js里的replace替换，先上一个比较笨但是也能实现效果的例子letname="test(1).txt"letdata=name.split('.')[0].replace('(','').replace(')','')con
网络安全第14集不灭锦鲤 web安全安全
前言：小迪安全14集，这集重点内容：0、什么是js渗透测试？在javascript中也存在变量和函数，存在可控变量和函数就有可能存在在漏洞，js开发的web应用和php、java开发的区别是，js能看得到的源代码，php看不到，但是风险就是未授权访问、配置信息泄露（加密算法、key秘钥等），源代码看得到，存在更多的url泄露，从而可能会出现未授权访问，从url，前提：web应用可以采用前端语言或后
25年不倒的“犀牛书“：为什么《JavaScript权威指南第7版》仍是程序员的案头圣经？阿蒙Armon javascript 开发语言 ecmascript
25年不倒的"犀牛书"：为什么《JavaScript权威指南第7版》仍是程序员的案头圣经？当一本技术书能连续畅销25年，历经7次迭代仍稳坐领域第一梯队，它必然藏着超越时代的硬实力。《JavaScript权威指南（原书第7版）》就是这样一部传奇——豆瓣9.4分的封神之作，程序员口中的"犀牛书"，从网景时代到ES2020，它始终是JavaScript开发者的终极参考书。如果你还在为原型链、闭包、异步编
什么是JSON，如何与Java对象转化 doublez234 java json spring spring boot
JSON概念JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。它易于人阅读和编写，同时也易于机器解析和生成。JSON基于JavaScript（ECMAScript（欧洲计算机协会制定的js规范））编程语言的一个子集，但它是一种独立于语言的数据格式，被广泛应用于各种编程语言和平台之间的数据交换。JSON的主要特点：轻量级：JSON格式非常简洁，只包含必要的数据信
APP开发入门：了解主流的编程语言 agi大模型 Python 职业与职场程序员开发语言数据分析编程语言
前言在过去的几年里，有许多程序员开始学习和使用编程语言。这其中包括C、C++、Java和Python。尽管有许多语言可供选择，但大多数程序员都会选择最容易学习的编程语言。如今，有很多编程语言供选择。程序员们在学习这些语言时可以自由地选择他们喜欢的方式，因为他们的目标是构建任何软件，而不仅仅是创建一个应用程序。你可以在Linux上学习C/C++、Java、Python、C#或JavaScript，你
探秘CommonJS：Node.js模块化核心解析
CommonJS是JavaScript的模块化规范，主要应用于服务器端环境（尤其是Node.js），其核心目标是解决代码组织、依赖管理和作用域隔离问题。以下是其核心要点：一、核心特性同步加载模块通过require()同步加载并执行，后续代码需等待模块加载完成后执行，适用于I/O快速的服务器环境（如本地文件读取）。作用域隔离每个文件视为独立模块，模块内定义的变量、函数默认私有（不污染全局作用域），仅
壹脉销客AI电子名片源码核心架构
为什么选择源码部署AI电子名片？在数字化转型浪潮中，越来越多的企业意识到拥有自主可控的电子名片系统的重要性。源码部署相比SaaS服务具有三大核心优势：数据完全自主-客户信息存储在企业自有服务器深度定制自由-可根据业务需求二次开发长期成本优化-一次部署永久使用壹脉销客AI电子名片源码核心架构壹脉销客提供的企业级电子名片解决方案采用前后端分离架构：前端技术栈（小程序端）javascript//小程序a
vue 进入一个页面，然后离开这个页面他就重新加载 Java&Develop vue vue
vue进入一个页面，然后离开这个页面他就重新加载这个代码导致的注释即可window.location.reload();window.location.reload()是JavaScript中的一个方法，用于强制刷新当前页面（重新加载页面内容）。其作用类似于用户手动点击浏览器的刷新按钮，但可以通过代码精确触发。核心作用：刷新页面重新加载当前显示的文档（即重新请求当前URL的资源）。可选参数控制缓存
[python][flask]flask静态资源
在Flask中，静态资源（如图片、CSS文件、JavaScript文件等）通常存储在项目的static文件夹中。Flask会自动为静态资源提供服务，使得你可以通过URL访问这些文件。以下是关于Flask中静态资源的使用方法和一些高级配置。1.默认静态文件夹Flask默认会将项目根目录下的static文件夹作为静态资源目录。例如，如果你的项目结构如下：my_flask_app/│├──app.py├
JavaScript对象与Math对象完全指南 hui函数 Javascript javascript 前端开发语言
JavaScript对象与Math对象完全指南对象基础概念与操作对象是什么？数据集合：包含相关数据和功能的容器结构组成：属性：描述对象特征的变量（名词性）方法：对象可执行的操作（动词性，本质是函数）对象创建与访问//创建对象letperson={ //属性 name:"张三", age:28, profession:"软件工程师", //方法 introduce(){ return`大家好，我
深入理解JavaScript作用域与编译过程君子心理作用域编译 JavaScript 变量提升闭包
背景简介在编程领域，作用域和编译过程是理解语言机制的关键概念。JavaScript作为一种广泛使用的语言，其作用域规则和编译机制尤其值得我们深入探讨。本文将基于《你不懂JS》系列书籍中的相关内容，解析JavaScript的作用域系统、函数闭包以及编译过程，帮助读者获得更深层次的理解。作用域是什么？在JavaScript中，作用域定义了变量和函数的可访问范围。编写程序时，我们会频繁使用变量来存储和操
掌握JavaScript对象与函数：深入理解原型与作用域土城三富 JavaScript 对象原型链函数作用域
掌握JavaScript对象与函数：深入理解原型与作用域背景简介在探索JavaScript的世界时，我们经常遇到对象和函数这两个核心概念。对象是JavaScript中最为基本的结构之一，而函数则是实现代码复用、封装和模块化的主要工具。本文将基于给定的书籍章节内容，深入探讨对象的更新机制、原型继承以及函数的多样性及其调用模式，同时分享对全局变量使用的思考。更新对象在JavaScript中，对象的属性
JavaScript函数使用模式与作用域的深入解析
JavaScript函数使用模式与作用域的深入解析JavaScript作为一门灵活且功能强大的编程语言，其函数的使用和作用域的特性是学习和开发中的关键点。本篇博客将深入解析JavaScript函数的几种使用模式，以及作用域的重要概念。构造器模式在JavaScript中，函数可以作为构造器（constructor）使用，当用new关键字调用时，函数会返回一个新对象。为了区分构造器函数和其他普通函数，
掌握JavaScript函数和作用域：提高代码复用性捕风捉你 javascript 开发语言 ecmascript
在JavaScript编程中，函数是一个核心概念，它不仅能帮助我们将代码组织得更加清晰，还能提高代码的复用性。理解函数的定义与调用、掌握作用域的概念，对于编写高效和可维护的代码至关重要。本文将通过创建一个计时器应用的案例，帮助你全面掌握JavaScript中的函数和作用域知识。任务目标通过本教程，你将学习并掌握：函数的声明与调用函数表达式的使用作用域的概念及其在函数中的应用闭包的原理及实践学习内容
JavaScript 函数与作用域前端人类学 JavaScript -行为 javascript 函数作用域闭包递归作用域链
Hi，我是布兰妮甜！JavaScript是一种动态类型语言，它支持面向对象编程和函数式编程。函数是JavaScript的核心组成部分之一，而作用域则决定了变量的可见性和生命周期。本文将详细介绍JavaScript中的函数定义、调用、参数传递、闭包、递归以及作用域链的概念。文章目录一、函数基础二、作用域基础三、闭包四、递归五、作用域链六、总结一、函数基础1.定义函数函数声明函数可以通过函数声明的方式
深入理解作用域【JavaScript】陆仟 Web前端开发 javascript
一、作用域的内部原理JavaScript的作用域机制是理解变量如何被访问和存储的重要概念。下面详细介绍作用域的内部原理，包括编译、执行、查询、嵌套和异常处理这五个步骤。1.编译在JavaScript的执行过程中，首要的步骤是编译。尽管JavaScript是解释性语言，但现代JavaScript引擎（如V8）在执行代码前会先进行编译。编译阶段主要完成以下几项工作：词法分析：将源代码分解成语法单元（t
即便你已经在浏览器中启用了 JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由 JavaScript 冲突
即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
技术文章大纲：Anaconda插件开发挑战赛引言介绍Anaconda在数据科学和PythonUH开发中的重要性 aadwje eclipse ide
即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
深入分析 Node.js 的 V8 引擎如何在内部处理 JavaScript 代码，包括内存管理和垃圾回收机制。海派程序猿 node.js javascript 开发语言
各位观众老爷们，晚上好！今天咱们就来聊聊Node.js的大心脏——V8引擎，看看它到底是怎么把咱们写的JavaScript代码给“消化”掉的。别害怕，今天咱不搞那些生涩难懂的学院派理论，尽量用大白话，外加一些“栗子”，保证让你听得津津有味。V8引擎：JavaScript的超级翻译官首先，简单介绍一下V8。V8是Google开发的高性能JavaScript和WebAssembly引擎，用C++写的。
Tailwind CSS 响应式设计实战指南 qcidyu 用户体验代码优化移动优先网站布局前端开发 Tailwind CSS 响应式设计
title:TailwindCSS响应式设计实战指南date:2024/6/13updated:2024/6/13author:cmdragonexcerpt:这篇文章介绍了如何运用TailwindCSS框架创建响应式网页设计，涵盖博客、电商网站及企业官网的布局实例，包括头部导航、内容区域、侧边栏、页脚及轮播图等组件的响应式实现。同时，探讨了与JavaScript框架集成、CSS预处理器配合、设计
JavaScript核心概念全解析
目录1.作用域(1)局部作用域(2)全局作用域2.垃圾回收(1)引用计数法(2)标记清除法3.闭包(1)作用(2)风险4.变量提升(1)var(2)let和const(3)const5.函数提升(1)函数声明(2)函数表达式6.函数参数(1)动态参数(2)剩余参数(3)展开运算符7.必须加分号的两种情况(1)立即执行函数(2)使用数组的时候8.箭头函数(1)特点9.Symbol10.生成器函数11
IntelliJ IDEA 高效开发指南：从基础操作到高级技巧 zqmgx13291 intellij-idea java ide
一、IDEA概述与环境配置1.1IDEA的核心优势智能代码辅助：基于上下文的代码补全（Ctrl+Space）、方法参数提示、错误实时检测全栈开发支持：内置Java/Python/JavaScript等20+语言支持，框架集成（SpringBoot/Vue/React）工具链集成：版本控制（Git/SVN）、数据库（MySQL/PostgreSQL）、容器（Docker/K8s）一站式开发性能优化：
【前端】JavaScript 的事件循环 (Event Loop) 不懂可否前端前端 javascript 开发语言
JavaScript的事件循环(EventLoop)是其实现异步编程的核心机制，即使JS是单线程语言，它也能高效处理I/O、网络请求、计时器等非阻塞操作。以下是其工作原理的精要解析：核心概念单线程执行JS引擎（如V8）只能顺序执行一个任务。异步行为需要靠宿主环境（浏览器/Node.js）提供的事件循环调度。任务队列(TaskQueue)所有异步操作完成后对应的回调函数会进入队列等待执行。队列类型包
二分查找排序算法周凡杨 java 二分查找排序算法折半
一：概念二分查找又称折半查找（折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
java中的BigDecimal bijian1013 java BigDecimal
在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。原文地址：http://blog.csdn.net/ugg/article/de
Shell echo命令详解 daizj echo shell
Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
Oracle DBA 简单操作周凡杨 oracle dba sql
--执行次数多的SQL select sql_text,executions from ( select sql_text,executions from v$sqlarea order by executions desc ) where rownum<81; &nb
画图重绘朱辉辉33 游戏
我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
线程之初体验西蜀石兰线程
一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
linux集群互相免登陆配置林鹤霄 linux
配置ssh免登陆 1、生成秘钥和公钥 ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub 其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密 c
mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html 原因是你使用的InnoDB 表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错. 你可以把这个时间加长,或者优化存储
Socket编程基本的聊天实现。 alleni123 socket
public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
多线程监听器事件模式(一个简单的例子) 百合不是茶线程监听模式
多线程的事件监听器模式监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到创建多线程的事件监听器模式思路: 1, 创建线程并启动,在创建线程的位置设置一个标记 2,创建队
spring InitializingBean接口 bijian1013 java spring
spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle 数据库权限
Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
【Struts2五】Struts2 参数传值 bit1129 struts2
Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
I got serveral questions about auto.offset.reset. This configuration parameter governs how consumer read the message from Kafka when there is no initial offset in ZooKeeper or
nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
nginx gzip压缩配置更多 0 nginx gzip 配置随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
Spring源码学习-JdbcTemplate queryForObject bylijinnan java spring
JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
[冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
看美国那边的气候情况....我有个感觉...是不是要进入小冰期了? 那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段... &nb
js 获取浏览器型号 cuityang js 浏览器
根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head> <meta charset="utf-8" content="text/html"/> <meta name=
C# socks5详解转 dalan_123 socket C#
http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html 这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
运维 Centos问题汇总 dcj3sjt126com 云主机
一、sh 脚本不执行的原因 sh脚本不执行的原因只有2个 1.权限不够 2.sh脚本里路径没写完整。二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom 三、查询连接数
Yii防注入攻击笔记 dcj3sjt126com sql WEB安全 yii
网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
MongoDB简介[一] eksliang mongodb MongoDB简介
MongoDB简介转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用 MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。另外，不
zookeeper windows 入门安装和测试 greemranqq zookeeper 安装分布式
一、序言以下是我对zookeeper 的一些理解： zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。栗子1号：假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
Spring之使用事务缘由(2-注解实现) ihuning spring
Spring事务注解实现 1. 依赖包： 1.1 spring包： spring-beans-4.0.0.RELEASE.jar spring-context-4.0.0.
iOS App Launch Option 啸笑天 option
iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。 launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节。 1、若用户直接
jdk与jre的区别（_） macroli java jvm jdk
简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。 JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。如果安装了JDK，会发同你
Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象 git
$ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
[一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hive hive元数据结构
关键字：Hive元数据、Hive元数据表结构之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。文章最后面，会以一个示例来全面了解一下，
Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。其中Spring 4.1.7主要包含这些更新内容。

JavaScript基础快速学习

文章目录

JavaScript基础快速学习

第一章：JavaScript快速入门

1.1 如何写一段js代码，并执行

1.2 声明变量和赋值

1.3 变量命名规则

1.3.1 练习：将两个变量的值交换

第二章 数据类型简介

2.1 简单数据类型

2.1.1 typeof获取变量的类型

2.1.2 数值和字符串

2.1.2.1 转义字符

2.1.2.2 加号"+"的使用

2.1.3 其他数据类型

2.1.3.1 Boolean类型

2.1.3.2 Undefined和Null

2.2 复杂数据类型

2.2.1 Object

2.3 代码注释

2.4 数据类型转换

2.4.1 其他数据类型转为字符串

2.4.2 其他数据类型转换为数值类型

2.4.3 其他数据类型转换为布尔类型

第三章 JavaScript操作符与运算符

3.1 算术运算符(+ - * / %)

3.2 一元运算符(++,–)

3.3 逻辑运算符

3.4 比较运算符

3.5 赋值运算符

3.6 运算符的优先级

第四章 流程控制-JavaScript语句

4.1 分支结构

4.1.1 if判断

例：判断是否是闰年

4.1.2 switch-case的用法

例：评级

4.2 循环结构

4.2.1 while循环

例：请计算1-100之间所有数字的和

例：请计算100以内的7的倍数有哪些

例：请打印100以内所有偶数的和

4.2.2 do-while循环

4.2.3 for循环

例：打印1~100所有数的和

例：计算1~100之间所有偶数的和

例：在浏览器控制台打印1010的’'号图样

例：for循环打印三角形

例：for循环打印反三角形

例：for循环打印九九乘法表

4.2.4 continue 和 break

例：计算100以内 不能被7整除的所有数的和(要求使用continue)

例：打印200-300之间第一个能被7整除的数字(使用break)

第五章 JavaScript数组

5.1 数组的基本概念

5.1.1 声明数组的方式

5.1.1.1 字面量方式创建数组

5.1.1.2 构造函数方式创建数组

5.1.2 数组长度的获取方式

5.1.3多维数组

5.2 获取数组元素

5.2.1 通过下标获取元素

5.2.2 通过下标获取多维数组的元素

5.3 循环遍历数组元素

for 循环遍历

例：将数组中的元素相加

例：打印出数组中最大的元素

例：打印出数组中所有的偶数

例：将数组中所有的元素以|为分割组成一个字符串

for…in 循环遍历

第六章 JavaScript函数

6.1 函数的声明和调用

函数的声明方式

关键字声明

表达式声明

函数的调用方式

函数名();

6.2 形参与实参

形参

实参

第二章数据类型简介

第四章流程控制-JavaScript语句

例：计算100以内不能被7整除的所有数的和(要求使用continue)

第七章作用域与JS代码的运行

字面量声明对象

实例化自定义构造函数方式声明对象

第九章其他知识点