JavaScript-2

运算符

赋值运算符

+=-=*=/=%=

一元运算符

自增

let num = 0
num++	// 或者 ++num
符号:++
作用:让变量的值 +1

自减

let num = 0
num--	// 或者 --num
符号:--
作用:让变量的值 -1

比较运算符

符号描述
>左边是否大于右边
<左边是否小于右边
>=左边是否大于或等于右边
<=左边是否小于或等于右边
==左右两边值是否相等
!=左右两边值是否不相等
===左右两边是否类型和值都相等
!==左右两边是否不全等

开发中,如果需要判断是否相等,强烈推荐使用 ===

逻辑运算符

符号名称
&&逻辑与
||逻辑或
!逻辑非

语句

分支语句

单分支语句

    <script>if (true) {console.log('Hello World')}</script>

双分支语句

    <script>if (false) {console.log('Gread');} else {console.log('Hello World');}</script>

多分支语句

    <script>if (false) {console.log(1);} else {console.log(2);} if (true) {console.log(3);} else {console.log(4);}</script>

三元运算符

    <script>// 例子1:console.log(5 > 3 ? 'yes':'no');// 例子2:6 > 8 ? alert('yes') : alert('no')</script>

switch 语句

    <script>let choose = Number(prompt('请选择号码'))switch (choose) {case 1:console.log('你选择了1号');break;  // 退出case 2:console.log('你选择了2号');break;  // 退出case 3:console.log('你选择了3号');break;  // 退出default:console.log('你没有进行选择');}</script>

循环语句

while 循环

    <script>let sum = 0while (sum < 100) {sum++}</script>

for 循环

    <script>for (let i = 10; i >= 0; i--) {document.write(`倒计时:${i}秒 <br>`)}</script>

循环的退出

  • continue : 结束本次循环,继续下次循环
  • break : 退出循环

函数

声明与使用

    <script>// 1. 声明函数function printHelloWorld() {document.write('Hello World')}// 2. 使用函数printHelloWorld()</script>

函数传参

    <script>function addNum(num1, num2, num3 = 0) {document.write(`相加结果:${num1 + num2 + num3}`)}// 使用函数addNum(1, 9)</script>

函数返回值

    <script>function addNum(num1, num2, num3 = 0) {return num1 + num2 + num3}// 使用函数document.write(addNum(1, 9, -5));</script>

匿名函数

函数表达式

    <script>// 函数表达式let func = function () {document.write('Hello World')}// 使用函数func()</script>

立即执行函数

    <script>// 立即执行函数// 写法1:(function (x, y) {document.write(x + y)})(1, 2)// 写法2:(function (x, y) {document.write(x + y)}(1, 2))</script>

对象

声明对象

    <script>// 声明对象let Jack = {name: 'ToMa-Jack',age: 30,gender: '男'}</script>

属性的操作

    <script>// 声明对象let Jack = {name: 'ToMa-Jack',age: 30,gender: '男'}// 操作对象// 1. 修改属性值Jack.gender = '女'// 2. 添加新的属性Jack.hobby = 'Coding'// 3. 删除属性(了解)delete Jack.hobby// 4. 查找属性值console.log(Jack.gender);     // 方式1console.log(Jack['gender']);  // 方式2</script>

对象的方法

    <script>// 声明对象let obj = {name: 'Jack',sing: function () {document.write('singing~')}}// 使用对象的方法obj.sing()</script>

遍历对象

    <script>// 声明对象let obj = {name: 'Jack',age: 28,gender: '男'}// 遍历对象for (let key in obj) {document.write(`${obj[key]} <br>`)}</script>

内置Math对象

基本认识

  • 介绍:Math 对象是 JavaScript 提供的一个 “数学” 对象
  • 作用:提供了一系列做数学运算的方法
  • Math 对象包含的方法有:
    Math.ndom		生成0~1之间的随机数(包含0不包含1)Math.ceil		向上取整Math.floor		向下取整Math.max		找最大数Math.min		找最小数Math.pow		幂运算Math.abs		绝对值
  • Math 对象在线文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math

具体演示

    <script>// 属性:console.log(Math.PI)// 方法:// ceil:天花板  向上取整console.log(Math.ceil(1.1));        // 2// floor:地板   向下取整console.log(Math.floor(1.9));       // 1// 四舍五入console.log(Math.round(1.4));       // 1console.log(Math.round(-1.5));      // -1console.log(Math.round(-1.51));     // -2// 知识扩展:(取整函数)// 1. parseInt(1.2)       // 1// 2. parseInt('18px')    // 18// 其他console.log(Math.max(1, 2, 3, 4, 5));console.log(Math.min(1, 2, 3, 4, 5));console.log(Math.abs(-2));// 生成随机小数,范围是 [0,1)console.log(Math.random());</script>

自定义随机数范围

    <script>// 生成N-M之间的随机数,公式如下:Math.floor(Math.random() * (M - N + 1)) + N</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/613110.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PyTorch|构建自己的卷积神经网络——nn.Sequential()

之前在构建神经网络时&#xff0c;我们一般是采用这种方式&#xff0c;就像这样&#xff1a; class Network1(nn.Module): def __init__(self): super(Network1,self).__init__() self.conv1 nn.Conv2d(in_channels3, out_channels6, kernel_size5) …

【控制篇 / 策略】(7.4) ❀ 03. 地理地址对象在路由中的应用 ❀ FortiGate 防火墙

【简介】如何做到访问国内走Wan1&#xff0c;访问国际走Wan2 &#xff1f;当企业有多条宽带&#xff0c;特别是有国际专线的时候&#xff0c;这个需求就很普遍了。通过地理地址对象可以快速的解决这些问题。 策略路由 当我们有多条宽带的时候&#xff0c;我们有两种方法分流&am…

GO数据库操作

Golang 出色的 ORM 库为 GORM。 官网文档&#xff1a;https://gorm.io/docs/ 我们来说说增删改查的用法&#xff0c;更深入的研究可以去官网看看。 GORM功能概览&#xff1a; 关联&#xff08;有一个、有多个、属于、多对多、多态性、单表继承&#xff09;挂钩&#xff08;创…

C++的虚基类

前言 本文介绍C的虚基类 先看一个问题 先看一段代码 #include <iostream> class A { public:int a 1; };class B1:public A { public:int b1 2; };class B2 :public A { public:int b2 3; };class C1:public B1,public B2 { public:int c1 4; };int main(int arg…

每日汇评:黄金多头能否在美国CPI数据发布后占有主动权?

黄金价格再次在2020美元附近找到支撑&#xff0c;因为所有人都在关注美国的通胀数据&#xff1b; 尽管最近美国国债收益率有所上升&#xff0c;但美元仍进一步下跌&#xff1b; 金价保持在21日移动均线和50日移动均线之间&#xff0c;等待区间突破&#xff1b; 在周四早盘的亚洲…

SIT1050ISO具有隔离功能,1Mbps,高速 CAN 总线收发器

➢ 完全兼容“ ISO 11898 ”标准&#xff1b; ➢ 内置过温保护&#xff1b; ➢ 100kV/s 瞬态抗扰度&#xff1b; ➢ 显性超时功能&#xff1b; ➢ -40V 至 40V 的总线故障保护&#xff1b; ➢ I/O 电压范围支持 3.3V 和 5V MCU &#xff1b; ➢ 低环路延迟…

解决原生微信小程序获取关联公众号的code(不是wx.login的code)来获取公众号的openId

解决步骤 以下是使用 web-view 并配配合微信公众号提供的 网页授权 来实现 1、在小程序中做一个web-view页面&#xff0c;页面中只需要写微信 网页授权的链接就行了&#xff0c;注意appid请自行替换&#xff08;公众号的&#xff09;。 onLoad() {this.setData({src: https://o…

【Linux】蓝牙配对失败,org.bluez.Error.AuthenticationRejected

问题 蓝牙配对失败&#xff0c;报错&#xff1a;org.bluez.Error.AuthenticationRejected 解决方法 bluetoothctl disconnect MAC地址 untrust MAC地址 remove MAC地址然后重新 scan on scan off pair MAC地址// 如果出现提示&#xff0c;请输入PIN&#xff1a; PIN code: #…

欧盟全球大气排放数据库(EDGAR)

EDGAR&#xff0c;全称Emissions Database for Global Atmospheric Research&#xff0c;是欧盟的联合研究中心&#xff08;JRC&#xff09;发布的。官网&#xff1a;https://edgar.jrc.ec.europa.eu/ EDGAR v8.0 提供 1970~2022 年三种主要温室气体&#xff08;CO2、CH4、N2O…

Android SDK环境搭建[图解]; 解决问题Done. Nothing was installed.

安装SDK Android SDK环境搭建 依赖java环境,需要自备Java环境 (100%实操成功) 目录 1. 解压&#xff1a;解压到非中文无特殊字符的目录 2. 双击&#xff1a;SDK Manager.exe&#xff0c;不要选全部!不要选全部!不要选全部!(会下很久) 3. 然后勾选组件​ 4. 设置环境变量 …

计算机网络、浏览器相关高频面试题

为什么使用CDN 会更快&#xff1f; 没有使用CDN的情况下&#xff0c;用户从浏览器输入地址&#xff0c;依次经过浏览器缓存、操作系统缓存&#xff08;如本地host文件&#xff09;、域名解析服务器、根域名解析服务器、顶级域名服务器直到找到对应的ip地址返回给用户&#xff…

UM2003A 一款200 ~ 960MHz ASK/OOK +18dBm 发射功率的单发射芯片

UM2003A 是一款工作于 200 ~ 960MHz 频段的单片集成、高性能、可独立运行的 OOK 发射器。内部集成的 OTP 方便用户对各种射频参数以及特色功能进行编程。该芯片以其高集成度和低功耗的设计&#xff0c;特别适用于低成本&#xff0c;低功耗&#xff0c;电池驱动的无线发射应用。…

【TypeScript】入门基础知识

目前在做项目的技术栈是 reacttypescript&#xff0c;之前只知道 ts 是 js 的扩展&#xff0c;增加了类型检查&#xff0c;但是没有仔细的学过&#xff0c;纯纯看别人代码上手 anyscript&#xff08;这很难评...&#xff09;。趁着最近空闲&#xff0c;就学习一下 ts 的基础知识…

内部员工满意度问卷设计|内部员工满意度调查表

本文由群狼调研&#xff08;长沙消费者满意度调查&#xff09;出品&#xff0c;欢迎转载&#xff0c;请注明出处。设计内部员工满意度问卷需要综合考虑多个方面&#xff0c;以获取的员工意见和反馈。以下是一个更详细的内部员工满意度问卷设计示例&#xff0c;供您参考和修改&a…

章鱼网络 2023 年全回顾|暨12月进展报告

2023年&#xff0c;章鱼网络轻装上阵&#xff0c;身处加密行业的低谷中砥砺前行。 12月17日&#xff0c;经过整整1年时间的开发和打磨&#xff0c;章鱼网络在重磅上线 Octopus 2.0&#xff0c;即 $NEAR Restaking 和 NEAR-IBC&#xff0c;获得了社区和市场的一致认可&#xff…

android:clickable=“false“无效,依然能被点击

android:clickable“false”依然能被点击&#xff0c;该属性意义何在&#xff1f; 在Android中&#xff0c;android:clickable 属性用于指定一个视图&#xff08;View&#xff09;是否可以被点击。当你设置 android:clickable"true" 时&#xff0c;表示该视图可以接…

Python爬虫快速入门

首先了解一下什么是爬虫。与字面意思相符&#xff0c;爬虫就是模拟人的行为在互联网上获取数据的程序。 它通过访问目标网站的首页或者特定页面&#xff0c;分析页面结构&#xff0c;提取所需的信息&#xff0c;并将其保存到本地或者进行进一步的处理。 总结起来&#xff0c;…

Java中多线程二

抢占调度模型 概述&#xff1a;优先让优先级高的线程使用 CPU &#xff0c;如果线程的优先级相同&#xff0c;那么随机会选择一个&#xff0c;优先级高的线程获取的 CPU 时间片相对多一些 Thread 类中一些关于线程的方法 方法简述public final int getPriority()返回此线程的优…

自动化控制面板-1Panel

一、1Panel自动化控制面板 官网地址 1Panel 可以实现&#xff1a; 快速建站、高效管理、安全可靠、一键备份、应用商店 快速建站&#xff1a;深度集成 Wordpress 和 Halo&#xff0c;域名绑定、SSL 证书配置等一键搞定&#xff1b;高效管理&#xff1a;通过 Web 端轻松管理 …

Docker启动报错:No chain/target/match by that name 处理

一、问题描述 某次OS升级重启后&#xff0c;发现docker redis实例无法启动&#xff0c;报错如下&#xff1a; Error response from daemon: driver failed programming external connectivity on endpoint vpm.redis.2 (f4b70fef65000bcacb574ee59e65d9b7a25f2abfa5dec0be9b74…