IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript自学笔记(二) -> 正文阅读

[JavaScript知识库]JavaScript自学笔记(二)

学习链接:https://www.bilibili.com/video/BV1Sy4y1C7ha
JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程?

笔记涉及的是视频p42~p134的内容,本次涉及运算符、流程控制分支、数组和函数的知识,与其他语言如c语言都有很多可以互通的知识点,所以一些比较基础的内容便没有记录。

目录

1. 运算符

? ? ? ? ?1.1 浮点数运算

? ? ? ? 1.2 短路运算(逻辑中断)

2. 流程控制-分支

3. 数组

? ? ? ? 3.1 利用new创建数组

? ? ? ? 3.2 利用数组字面量创建数组

? ? ? ? 3.3 数组的索引

? ? ? ? 3.4 遍历数组

? ? ? ? 3.5 数组中新增元素

4. js函数

? ? ? ? 4.1 声明函数

? ? ? ? 4.2 调用函数

? ? ? ? 4.3 函数的参数

? ? ? ? 4.4 函数的调用

? ? ? ? 4.5 返回值return

? ? ? ? 4.6 arguments?的使用


1. 运算符

? ? ? ? 运算符也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号

? ? ? ? ?1.1 浮点数运算

? ? ? ? ? ? ? ? 不能直接将浮点数运算后的结果与整数的进行比较

? ? ? ? 1.2 短路运算(逻辑中断)

? ? ? ? ? ? ? ? 逻辑与

? ? ? ? ? ? ? ? ? ? ? ? 语法:表达式1&&表达式2

? ? ? ? ? ? ? ? ? ? ? ? 第一个表达式值为,返回表达式2;第一个表达式值为,返回表达式1

? ???????????????逻辑或

? ? ? ? ? ? ? ? ? ? ? ? 语法:表达式1||表达式2

? ? ? ? ? ? ? ? ? ? ? ? 第一个表达式值为,返回表达式1;第一个表达式值为,返回表达式2

2. 流程控制-分支

? ? ? ? 其他语言学过,略

? ? ? ? 作业

? ? ? ? 1.求1~100之间所有数的总和与平均值

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

? ? ? ? ? 2.求1~100之间所有偶数的和

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

? ? ? ? 3.求100以内7的倍数的总和

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

? ? ? ? 4.使用for循环打印矩形,要求每次只能输出一个?

    <script>
        var star = '';
        for (var i = 1; i <= 4; i++) {
            for (var j = 1; j <= 5; j++) {
                star += '?'
            }
            star += '\n'
        }
        console.log(star);
    </script>

? ? ? ? 5.使用for循环打印三角形

    <script>
        var star = '';
        for (var i = 0; i <= 5; i++) {
            for (var j = 0; j < i; j++) {
                star += '?'
            }
            star += '\n'
        }
        console.log(star);
    </script>

3. 数组

? ? ? ? 3.1 利用new创建数组

? ? ? ? ? ? ? ? var arr = new Array();

? ? ? ? 3.2 利用数组字面量创建数组

? ? ? ? ? ? ? ? var arr?= [ ];//创建空数组

? ? ? ? ? ? ? ? 在数组内可以存放任意数据类型的数据

? ? ? ? 3.3 数组的索引

? ? ? ? ? ? ? ? 与c语言的操作相同,数组名[索引号]

? ? ? ? 3.4 遍历数组

????????????????与c语言的操作相同,for循环输出

    <script>
        var arr = ["关羽", "张飞", "马超", "赵云", "黄忠", "刘备", "姜维"];
        for (var i = 0; i < 7; i++)
            console.log(arr[i]);
    </script>

? ? ? ? ? ? ? ? 数组长度:数组名.length

? ? ? ? 3.5 数组中新增元素

? ? ? ? ? ? ? ? 3.5.1修改length长度新增数组元素

? ? ? ? ? ? ? ? ? ? ? ? 数组名.length = 比之前数组长度大的值 ; 未赋值的声明变量默认值为undefined

? ? ? ? ? ? ? ? 3.5.2修改数组索引号新增数组元素

? ? ? ? ? ? ? ? ? ? ? ?var arr = ['red','green','blue'];

????????????????????????arr[3] = "pink";//追加元素

4. js函数

? ? ? ? 4.1 声明函数

? ? ? ? ? ? ? ? 4.1.1function关键字声明

? ? ? ? ? ? ? ? ? ? ? ? function? 函数名(){

? ? ? ? ? ? ? ? ? ? ? ?????????函数体;

????????????????????????}

? ? ? ? ? ? ? ? 4.1.2函数表达式(匿名函数)

? ? ? ? ? ? ? ? ? ? ? ? var 变量名 = function(){};(是变量名不是函数名)

? ? ? ? ? ? ? ? 4.1.3声明函数的相同与不同

? ? ? ? ? ? ? ? ? ? ? ? 不同:函数表达式声明方式与声明变量类似,声明变量里存的是,而函数表达式里存的是函数

? ? ? ? ? ? ? ? ? ? ? ? 相同:都可以传递参数

? ? ? ? 4.2 调用函数

  • ? ? ? ? ? ? ? ? function关键字声明:函数名();
  • ? ? ? ? ? ? ? ? 函数表达式声明:变量名();

? ? ? ? 4.3 函数的参数

? ? ? ? ? ? ? ? 概念与c语言类似,分为形参和实参

? ? ? ? ? ? ? ? 4.3.1形参实参不匹配问题

? ? ? ? ? ? ? ? ? ? ? ? 个数不匹配时,若实参多于形参,根据形参个数取实参;若实参少于形参,多余的形参定义为undefined,结果为NaN

? ? ? ? 4.4 函数的调用

? ? ? ? ? ? ? ? 与c语言类似

? ? ? ? 4.5 返回值return

? ? ? ? 不仅能够退出循环,还能够返回return语句中的值,同时还可以结束当天的函数体内的代码

? ? ? ? ? ? ? ? 4.5.1return只能返回一个值

? ? ? ? ? ? ? ? ????????return num1,num2;//只返回num2的值

? ? ? ? ? ? ? ? 4.5.2求任意两个数的运算结果

? ? ? ? ? ? ? ? ? ? ? ? return [num1+num2]; 与c语言不同

? ? ? ? ? ? ? ? 4.5.3函数没有返回值return

? ? ? ? ? ? ? ? ? ? ? ? 结果为undefined

? ? ? ? 4.6 arguments?的使用

? ? ? ? ? ? ? ? 当不确定有多少个参数传递的时候,可以用arguments来获取?。arguments展示形式是一个伪数组(具有length属性;按照索引方式存储;没有真正数组的一些方法如pop()、push()等)

? ? ? ? ? ? ? ? 4.6.1arguments的使用方法

? ? ? ? ? ? ? ? ? ? ? ? function fn(){

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? console.log(arguments);

????????????????????????}

? ? ? ? ? ? ? ? ? ? ? ? fn(1, 2, 3);? ? ? ? ?

????????

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-07 11:54:23  更:2021-08-07 12:00:12 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 5:06:02-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码