JavaScript第三天学习总结——循环、代码规范、断点调试

最新推荐文章于 2023-04-30 00:15:00 发布
最新推荐文章于 2023-04-30 00:15:00 发布
阅读量167 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52819925/article/details/119355092
版权

循环

for循环

语法结构

for 循环主要用于把某些代码循环若干次，通常跟计数有关系。

目的：在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句

语法结构：

for(初始化变量; 条件表达式; 操作表达式 ){
    //循环体
}
名称作用
初始化变量通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，
这个变量帮我们来记录次数。
条件表达式用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。
操作表达式是每次循环最后执行的代码 经常用于我们计数器变量进行更新（递增或者递减）

例子：

 for (var i = 1; i <= 100; i++) {
     console.log('你好吗');
 }
//i : 迭代器 ：iterator， 迭代也称之为循环

执行过程

  1. 初始化变量，初始化操作在整个 for 循环只会执行一次。
  2. 执行条件表达式，如果为true，则执行循环体语句，否则退出循环，循环结束。
  3. 执行操作表达式，此时第一轮结束。
  4. 第二轮开始，直接去执行条件表达式（不再初始化变量），如果为 true ，则去执行循环体语句，否则退出循环。
  5. 继续执行操作表达式，第二轮结束。
  6. 后续跟第二轮一致，直至条件表达式为假，结束整个 for 循环。

个人理解：

for (var i = 1; i <= 100; i++) {  
    console.log('你好吗');//循环体
    // i 的理解： i称之为计数器
    // for循环是要循环多次，要确定循环几次，就需要有一个计数器
    // 循环一次，i就需要加1
}
/*1. 初始化：var i = 1 
初始化变量，初始化只执行一次。 （如果执行多次，死循环）
2. 条件：i <= 100 
i的值一旦变化，就要判断 条件表达式：i <= 100 是否成立
3. 循环体
条件表达式一旦成立，就会执行循环体。 否则，不执行。
4. 操作表达式：i++
最后执行 操作表达式：i++，因为i如果不变化，那么永远为1，就为死循环了。
操作表达式执行完，i又变化了，所以再执行第二步。

1,2,3,4
2,3,4
2,3,4*/

for 循环重复相同的代码

for循环可以重复相同的代码 ，比如我们要输出10句“海贼王”

//  基本写法
for(var i = 1; i <= 10; i++){
    console.log('海贼王~');
}
// 用户输入次数
var num = prompt('请输入次数:')；
for ( var i = 1 ; i <= num; i++) {
    console.log('海贼王~');
}

for 循环重复不相同的代码

for 循环还可以重复不同的代码，这主要是因为使用了计数器 ，计数器在每次循环过程中都会有变化。

例如：求输出1到100岁

//  基本写法
for (var i = 1; i <= 100; i++) {
      console.log('这个人今年' + i + '岁了');
}

例如：求输出1到100岁，并提示出生、死亡

// for 里面是可以添加其他语句的 
for (var i = 1; i <= 100; i++) {
 if (i == 1) {
    console.log('这个人今年1岁了， 它出生了');
 } else if (i == 100) {
    console.log('这个人今年100岁了，它死了');
  } else {
       console.log('这个人今年' + i + '岁了');
  }
}

for循环因为有了计数器的存在，还可以重复的执行某些操作，比如做一些算术运算。

总结：for循环可以嵌套if…else…，if…else…也可以嵌套for循环。

for循环重复某些操作

求1-100之间所有整数的累加和

var sum = 0;
for(var i = 1;i <= 100; i++){
sum += i;
}
console.log('1-100之间整数的和 = ' + sum);

for(var i = 100;i >= 1; i--){
sum += i;
}

for循环书写步骤

  1. 确定初始值（一般都是从1，0开始）
  2. 确定范围
  3. 循环体

for循环案例

// 1. 求1-100之间所有数的平均值   需要一个 sum 和的变量 还需要一个平均值 average 变量
//sum用来存放累加和
var sum = 0;
//存放平均值
var average = 0;
for (var i = 1; i <= 100; i++) {
    sum = sum + i;
}
//平均值= 总和 / 总个数
average = sum / 100;
console.log(average);

// 2. 求1-100之间所有偶数和奇数的和   我们需要一个偶数的和变量 even  还需要一个奇数 odd
//偶数和变量
var even = 0;
//奇数和变量
var odd = 0;
for (var i = 1; i <= 100; i++) {
    if (i % 2 == 0) {
        //说明此时i是偶数
        //even = even + i;
        even = even + i;
    } else {
        //说明此时i是奇数
        //odd = odd + i;
        odd = odd + i;
    }
}
console.log('1~100 之间所有的偶数和是' + even);
console.log('1~100 之间所有的奇数和是' + odd);

// 3. 求1-100之间所有能被3整除的数字的和   
var result = 0;
for (var i = 1; i <= 100; i++) {
    if (i % 3 == 0) {
        // result = result + i;
        result += i;
    }
}
console.log('1~100之间能够被3整数的数字的和是：' + result);

案例— 求学生成绩

// 弹出输入框输入总的班级人数(num)
// 依次输入学生的成绩（ 保存起来 score）， 此时我们需要用到
// for 循环， 弹出的次数跟班级总人数有关系 条件表达式 i <= num
// 进行业务处理: 计算成绩。 先求总成绩（ sum）， 之后求平均成绩（ average）
// 弹出结果
var num = prompt('请输入班级的总人数:'); // num 总的班级人数
var sum = 0; // 求和的变量
var average = 0; // 求平均值的变量
for (var i = 1; i <= num; i++) {
    //每次都要弹出输入框，让用户输入学生成绩
    var score = prompt('请您输入第' + i + '个学生成绩');
    // 因为从prompt取过来的数据是 字符串型的需要转换为数字型
    sum = sum + parseFloat(score);
}
average = sum / num;
alert('班级总的成绩是' + sum);
alert('班级平均分是：' + average);

案例— 一行打印五颗星星案例

// 一行打印五个星星 
// console.log('★★★★★');
// for (var i = 1; i <= 5; i++) {
//     console.log('★');

// }
// var str = '';
// for (var i = 1; i <= 5; i++) {
//     str = str + '★';
// }
// console.log(str);
var num = prompt('请输入星星的个数');
var str = '';
for (var i = 1; i <= num; i++) {
str = str + '★'
}
console.log(str);

双重for循环

双重循环概述

循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构

例如在for循环语句中，可以再嵌套一个for 循环，这样的 for 循环语句我们称之为双重for循环。

语法结构

for (外循环的初始; 外循环的条件; 外循环的操作表达式) {
    for (内循环的初始; 内循环的条件; 内循环的操作表达式) {  
       需执行的代码;
   }
}
  • 内层循环可以看做外层循环的语句
  • 内层循环执行的顺序也要遵循 for 循环的执行顺序
  • 外层循环执行一次，内层循环要执行全部次数

例子：

 for (var i = 1; i <= 3; i++) {
     console.log('这是外层循环第' + i + '次');
     for (var j = 1; j <= 3; j++) {
         console.log('这是里层的循环第' + j + '次');

     }
 }

案例— 打印五行五列星星：

  • 核心逻辑：
  • 1.内层循环负责一行打印五个星星
  • 2.外层循环负责打印五行
// 打印五行五列星星
var str = '';
for (var i = 1; i <= 5; i++) { // 外层循环负责打印五行
    for (var j = 1; j <= 5; j++) { // 里层循环负责一行打印五个星星
        str = str + '★';
    }
    // 如果一行打印完毕5个星星就要另起一行 加 \n
    str = str + '\n';
}
console.log(str);

注意：

  • 内层循环控制列，外层循环控制行
  • 外层循环与内层循环不能使用同一个计数器，一般外使用i，内使用j

for 循环小结：

  • for 循环可以重复执行某些相同代码
  • for 循环可以重复执行些许不同的代码，因为我们有计数器
  • for 循环可以重复执行某些操作，比如算术运算符加法操作
  • 随着需求增加，双重for循环可以做更多、更好看的效果
  • 双重 for 循环，外层循环一次，内层 for 循环全部执行
  • for 循环是循环条件和数字直接相关的循环

双重循环案例—— 打印n行n列的星星

// 打印n行n列的星星
var rows = prompt('请您输入行数:');
var cols = prompt('请您输入列数:');
var str = '';
for (var i = 1; i <= rows; i++) {
    for (var j = 1; j <= cols; j++) {
        str = str + '★';
    }
    // str = str + '\n';
    str += '\n';
}
console.log(str);

双重循环案例—— 打印倒三角形案例

第一种写法：

// 打印倒三角形案例
var str = '';
for (var i = 1; i <= 10; i++) { // 外层循环控制行数
    for (var j = i; j <= 10; j++) { // 里层循环打印的个数不一样  j = i
    	str = str + '★';
    }
    str += '\n';
}
console.log(str);

第二种写法：

// 打印倒三角形案例
var str = '';
for (var i = 1; i <= 10; i++) { // 外层循环控制行数
    // 对于内层循环的j来说，i是一个已知条件
    for (var j = 1; j <= 11 - i; j++) { // 里层循环打印的个数不一样  j = i
        str = str + '★';
    }
    str += '\n';
}
console.log(str);

分析图：

要想看懂以下分析图，需要先理解结论：对于内层循环的j来说，i是一个已知条件（可断点调试理解这个结论）

在这里插入图片描述

双重循环案例—— 打印正三角形案例

//打印正三角形案例
var str = '';
for (var i = 1; i <= 10; i++) { // 外层循环控制行数
    for (var j = 1; j <= i; j++) { // 里层循环打印的个数不一样  j = i
        str = str + '★';
    }
    str += '\n';
}
 console.log(str);

//正三角形
var str = '';
for (var i = 1; i <= 5; i++) {
    //等差数列 an= a1 + (n-1)d  d=2
    for (var k = 5 - i; k >= 0; k--) { // 总行数-i
        str += ' ';
    }
    for (var j = 1; j <= 2 * i - 1; j++) {
        str = str + '★';
    }
    str += '\n';
}
console.log(str);

双重循环案例—— 九九乘法表

// 九九乘法表
// 一共有9行，但是每行的个数不一样，因此需要用到双重 for 循环
// 外层的 for 循环控制行数 i ，循环9次 ，可以打印 9 行  
// 内层的 for 循环控制每行公式  j  
// 核心算法：每一行 公式的个数正好和行数一致， j <= i;
// 每行打印完毕，都需要重新换一行
var str = '';
for (var i = 1; i <= 9; i++) { // 外层循环控制行数
    for (var j = 1; j <= i; j++) { // 里层循环控制每一行的个数  j <= i
        // 1 × 2 = 2
        // str = str + '★';
        str += j + '×' + i + '=' + i * j + '\t';
    }
    str += '\n';
}
console.log(str);

分析结论：

​ 1. 列数等于行号：内层循环的条件：j<=i

​ 2. 看图说话：从第二行开始看： 第二个乘数 正好是行号 ， 第一个乘数是列号

分析图：

在这里插入图片描述

while循环

while 语句可以在条件表达式为真的前提下，循环执行指定的一段代码，直到表达式不为真时结束循环。

语法结构：

while (条件表达式) {
    // 循环体代码 
}

例子：

var num = 1;
while (num <= 100) {
    console.log('好啊有');
    num++;
}

执行思路：

  • 先执行条件表达式，如果结果为 true，则执行循环体代码；如果为 false，则退出循环，执行后面代码

  • 执行循环体代码

  • 循环体代码执行完毕后，程序会继续判断执行条件表达式，如条件仍为true，则会继续执行循环体，直到循环条件为 false 时，整个循环过程才会结束

注意：

  • 使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环
  • while 循环和 for 循环的不同之处在于 while 循环可以做较为复杂的条件判断，比如判断用户名和密码
  • while 循环 可能一次也不执行循环代码 ，也可能执行多次

案例

// while循环案例
// 1. 打印人的一生，从1岁到100岁
var i = 1;
while (i <= 100) {
    console.log('这个人今年' + i + '岁了');
    i++;
}
// 2. 计算 1 ~ 100 之间所有整数的和
var sum = 0;
var j = 1;
while (j <= 100) {
    sum += j;
    j++
}
console.log(sum);

// 3. 弹出一个提示框， 你爱我吗？  如果输入我爱你，就提示结束，否则，一直询问。
var message = prompt('你爱我吗?');
while (message !== '我爱你') {
    message = prompt('你爱我吗?');
}
alert('我也爱你啊！');

do-while循环

do… while 语句其实是 while 语句的一个变体。

该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环。

语法结构：

do {
    // 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);

例子：

var i = 1;
do {
    console.log('how are you?');
    i++;
} while (i <= 100)

执行思路：

  • 先执行一次循环体代码 （一定要添加操作表达式）
  • 再执行条件表达式，如果结果为 true，则继续执行循环体代码，如果为 false，则退出循环，继续执行后面代码
  • 注意：先再执行循环体，再判断，do…while循环语句至少会执行一次循环体代码

案例：

// while循环案例
// 1. 打印人的一生，从1岁到100岁
var i = 1;
do {
    console.log('这个人今年' + i + '岁了');
    i++;
} while (i <= 100)
// 2. 计算 1 ~ 100 之间所有整数的和
var sum = 0;
var j = 1;
do {
    sum += j;
    j++;
} while (j <= 100)
console.log(sum);

// 3. 弹出一个提示框， 你爱我吗？  如果输入我爱你，就提示结束，否则，一直询问。
do {
	var message = prompt('你爱我吗?');
} while (message !== '我爱你')
alert('我也爱你啊');

循环总结

如何选择循环语句？

  1. 确定循环次数

     forfor :  循环条件一般是一个范围

  2. 不确定循环次数 或 循环条件可以比较复杂

    while： 先判断，再做

    do… while…：先做，再判断（先执行一次，才知道是否要开始循环 ）

  3. 大部分情况用的都是for，while应用场景是：写死循环

//while循环最常用应用场景： 写死循环  
while (true) {
    // 如果满足某个条件，跳出
    break;
}
//我爱你吗案例的不同写法
// do while
do {
    var message = prompt('你爱我吗?');
}while (message !== '我爱你')
alert('我也爱你啊');

//while 普通写法：比较麻烦
var message = prompt('你爱我吗?');
while (message !== '我爱你') {
    message = prompt('你爱我吗?');
}
alert('我也爱你啊！');

//while 死循环写法：
while (true) {
    var message = prompt('你爱我吗?');
    if (message == '我爱你') {
        // 如果满足某个条件，跳出
        break;
    }
}

continue、break

continue关键字

continue 关键字用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行一次）。

理解：continue ：继续的意思，继续下次循环，跳过本次循环

案例:

// 吃5个包子，第3个有虫子，就扔掉第3个，继续吃第4个第5个包子
// continue 关键字   退出本次（当前次的循环）  继续执行剩余次数循环
for (var i = 1; i <= 5; i++) {
    if (i == 3) {
        console.log('这个包子有虫子，扔掉');
        // 跳出本次循环，跳出的是第3次循环 
        continue; // 只要遇见 continue就退出本次循环 直接跳到 i++
     }
     console.log('我正在吃第' + i + '个包子');
}

运行结果：

在这里插入图片描述

案例：

// 求1~100 之间， 除了能被7整除之外的整数和 
var sum = 0;
for (var i = 1; i <= 100; i++) {
    if (i % 7 == 0) {
   		continue;
    }
	sum += i;
}
console.log(sum);

注意：这里使用continue有点为了用而用，其实上述需求，可以使用更简单的代码实现，或者说正常的思路

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

break关键字

break 关键字用于立即跳出整个循环（循环结束）。break：跳出，终止。

案例：

// 吃5个包子，吃到第3个发现里面有半个虫子，其余的不吃了
// break 退出整个循环
for (var i = 1; i <= 5; i++) {
   if (i == 3) {
       break; // 直接退出整个for 循环，跳到整个for下面的语句
   }
   console.log('我正在吃第' + i + '个包子呢');
 }

运行结果：

在这里插入图片描述

代码规范

标识符命名规范

  • 变量、函数的命名必须要有意义
  • 变量的名称一般用名词
  • 函数的名称一般用动词

操作符规范

// 操作符的左右两侧各保留一个空格
for (var i = 1; i <= 5; i++) {
   if (i == 3) {
       break; // 直接退出整个 for 循环，跳到整个for循环下面的语句
   }
   console.log('我正在吃第' + i + '个包子呢');
}

单行注释规范

for (var i = 1; i <= 5; i++) {
   if (i == 3) {
       break; // 单行注释前面注意有个空格
   }
   console.log('我正在吃第' + i + '个包子呢');
}

其他规范

关键词、操作符之间后加空格。

在这里插入图片描述

断点调试

  • 断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

  • 断点调试可以帮助观察程序的运行过程， 然后发现bug，解决bug。

  • 浏览器中按 F12–> sources -->找到需要调试的文件–>在程序的某一行设置断点

  • Watch：监视，通过watch可以监视变量的值的变化，非常的常用。

  • F11： 程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。

  • 断点调试步骤：

    1. 打断点 （js代码第一行）
    2. 刷新，运行程序
    3. 观察变量
    4. 发现问题
李穩钰
关注
专栏目录
[网络安全提高篇] 一一三.Powershell恶意代码检测 (1)论文总结及抽象语法树（AST）提取
杨秀璋的专栏
03-11 1万+
这是作者网络安全自学教程系列，主要是关于安全工具和实践操作的在线笔记，特分享出来与博友们学习，希望您喜欢，一起进步。这篇文章将详细讲解PowerShell、Powershell恶意代码检测总结及抽象语法树（AST）提取。希望这篇文章对您有帮助，也推荐大家去阅读论文，且看且珍惜。
从零开始学JavaScript——基础篇
绝圣弃智-零的博客
12-12 1165
整理自菜鸟教程   JavaScript 简介 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面...
JavaScript实现输入成绩，输出成绩等级的代码
最新发布
weixin_59042297的博客
04-30 4054
1.若有选择，您可以在目录里进行快速查找；2.本博文代码可以根据题目要求实现相关使用功能。同时可以实现自定义的设置；3.本文介绍的是JavaScript代码习题，本博文使用的软件是HBuilder X3.7.9编写的代码，原则上其他软件如DW、VSCode或DW较低或较高版本的软件都是兼容的，若您有需要且编写软件不是HBX等软件原则上都是可以能正常运行的；图1 编写软件举例（部分）
JavaScript分支语句1-8 编程练习
请叫我二狗哥
04-24 500
　　1-8 编程练习 　　小伙伴们，请编写一段代码，实现： 　　当打开页面时，弹出一个输入学生成绩的输入框，当用户输入成绩时，对成绩进行判断！ 　　判断要求如下： 　　（1）当输入的成绩是90~100时（这里包括等于100的时候），弹出警告框“优秀” 　　（2）当输入的成绩是80~89时，弹出警告框“良好” 　　（3）当输入的成绩是70~79时，弹出警告框“一般” 　　（4）60到69为及格当输入...
2021-10-16
weixin_46459597的博客
10-17 412
运算符(算数运算符，递增递减运算符，比较运算符，逻辑运算符，赋值运算符) 算数运算符 + - * / % 加减乘除取余 浮点数 算数运算中会有问题 console.log(0.1 + 0.2); // 0.30000000000000004 console.log(0.07 * 100);//7.000000000000001 不能直接拿浮点数进行比较是否相等 var num = 0.1 + 0.2; console.log(num == 0.3...
Javascript学习笔记
阿远的博客
07-17 1768
Javascript学习笔记一、for循环for循环案例二、for双重循环三、while循环1.语法结构2.while循环案例四、do while循环1.语法结构五、break和continue六、总结 一、for循环 1.for语法结构 <srcipt> //for 循环的执行过程 for (var i = 1; i <= 100; i++) { console.log('你好吗'); } //1.首先执行里
JavaScript流程控制-循环结构
m0_72313625的博客
07-29 427
JavaScript流程控制-循环结构 循环结构当中包括for循环 双重for循环 while 循环 和 do while循环，以及continue关键字 和break关键字，其中比较重要的就是for循环
03. JS 流程控制——循环结构+断点调试
xumengxia的博客
09-02 336
断点调试可以帮我们观察程序的运行过程 浏览器中按 F12--> sources(源代码) -->找到需要调试的文件-->在程序的某一行设置断点 -->刷新浏览器 -->F11执行下一步 -->观察watch中变量的值的变化 -->结束点击断点并刷新网页 Watch: 监视，通过watch可以监视变量的值的变化，非常的常用。 F11: 程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。 在Js 中，主要有三种类型的循环语句：...
黑马程序员前端JavaScript高级——ES6学习笔记
weixin_44566194的博客
10-29 3175
黑马程序员前端教程的PPT和代码学习笔记，里面包含了面向对象的编程思想，以及构造函数，类和对象、原型链、箭头函数、数组和字符串新增方法、函数递归、深拷贝浅拷贝、正则表达式等知识点。本文是对CSDN其他博主记录的一个补充，因为黑马也是今年才陆续补充一些知识点的视频的，本文将其收录于此，雷同勿怪。
Javascript——高级进阶
m0_52001826的博客
10-08 526
存储在内存中代表特定信息的'东东'可传递可读一切皆数据内存中所有操作的目标都是数据算术运算逻辑运算赋值运行函数内存条通电后产生的可储存数据的临时空间内存产生和死亡：内存条（电路）-通电-产生-存储数据-处理数据-断电-内存和数据都消失内存存储的数据（一般数据/地址数据）内存地址值数据——内存分类：栈 ——全局变量/局部变量（空间较小）堆——对象数据——分配内存声明变量和函数或创建对象时，JS引擎会自动为此分配一定大小的内存来存放对应的数据——释放内存。
【狂神说笔记—— Java基础17-JavaScript，jQuery】
weixin_46055348的博客
07-27 566
【狂神说笔记—— Java基础17-JavaScript，jQuery】
2021-5-25重拾JS-07-流程控制-循环
lhe_foolishpig的博客
05-25 198
目标：解决以下问题 for循环的执行过程 //for循环语法结构 // for(初始化变量;条件表达式;操作表达式){ // 循环体 // } for(var i=0;i<100;i++){ console.log('你好哇，JS'); } //输出100次'你好哇，JS'
for 循环案例：求学生成绩案例
玉安_ZhangDe的博客
04-29 1735
// 弹出输入框输入总的班级人数(num) // 依次输入学生的成绩（ 保存起来 score）， 此时我们需要用到 // for 循环， 弹出的次数跟班级总人数有关系 条件表达式 i <= num // 进行业务处理: 计算成绩。 先求总成绩（ sum）， 之后求平均成绩（ average） // 弹出结果 var num = prompt('请输入班级的总人数:'); // num 总的班级人数 var sum = 0; // 求和的变量 var average = 0; // 求平均值的变量 f.
Java基础面试题
热门推荐
weixin_43138410的博客
01-07 1万+
Java4班题库 1. char型变量中能不能存储一个中文汉字？ 答:能, 可以存储一个中文汉字,因为在Java中，char类型占2个字节，而且Java默认采用Unicode编码，一个Unicode码是16位，所以一个Unicode码占两个字 节，Java中无论汉字还是英文字母都是用Unicode编码来表示的。所以，在Java中，char类型变量可以存储一个中文汉字。 2. String s=ne...
JavaScript高级第一天学习总结—— 面向对象、ES6 中的类和对象、类的继承、案例：面向对象版tab 栏切换
weixin_52819925的博客
08-21 2221
面向对象编程介绍 两大编程思想 面向过程 面向对象 面向过程编程 POP(Process-oriented programming) 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。 总结：按照步骤编程 （函数和变量） 面向对象编程 OOP (Object Oriented Programming) 面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。 总结：将需求分析出一个一个的对象，然后在分析出对象中的属性和方法，最
JavaScript第五天学习总结—— 对象、创建对象的三种方式、遍历对象
weixin_52819925的博客
08-04 758
对象的相关概念 什么是对象？ 在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成的 属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象中用方法来表示（常用动词） [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CxMlEWd1-1628091491881)(C:\Users\26036\Desktop\images\图片3.png)]
JavaScript高级第三天学习总结—— 函数的定义和调用、this、严格模式、高阶函数、闭包、递归
weixin_52819925的博客
08-21 554
函数的定义和调用 函数的定义方式 方式1： 函数声明方式 function关键字 (命名函数) function fn(){} 方式2： 函数表达式(匿名函数) var fn = function(){} 方式3： new Function() （函数也是对象，所以可以new） var fn = new Function('参数1','参数2'..., '函数体') var f = new Function('a', 'b', 'console.log(a + b)'); f(1, 2);
JavaScript第三天学习总结—— 三角形、九九乘法表
weixin_52819925的博客
08-04 489
for循环案例 求1-100之间所有数的平均值 // 1. 求1-100之间所有数的平均值 需要一个 sum 和的变量 还需要一个平均值 average 变量 var sum = 0; var average = 0; for (var i = 1; i <= 100; i++) { sum = sum + i; } average = sum / 100; console.log(average); 求1-100之间所有偶数和奇数的和 // 2. 求1-100之间所有偶数和奇数的
JavaScript高级第二天学习总结—— 构造函数和原型、继承、ES5中新增方法
weixin_52819925的博客
08-21 471
构造函数和原型 对象的三种创建方式 1.利用 对象字面量 方式创建对象 var obj = {}; 2.利用new Object()关键字 创建对象 var obj = new Object(); 3.自定义构造函数方式创建对象 function Person(name，age){ this.name = name; this.age = age; } var obj = new Person('zs'，12); 示例代码: <!DOCTYPE html> <html lan
JavaScript断点调试技巧与实战解析
总结来说，JavaScript断点调试是通过暂停代码执行来观察程序状态，从而找出问题的关键工具。掌握好断点的设置和利用，可以极大地提高问题定位的效率，减少调试时间。通过实践和不断的学习，开发者可以更加熟练地运用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值