JavaScript 算数运算符

本文详细解析了JavaScript中前置自增运算符(++变量)与后置自增运算符(变量++)的区别及应用。前置自增先自身加一再返回值,而后置自增先返回原值再加一,通过多个示例代码展示了两种运算符在实际编程中的行为差异。

一、前置自增运算符  ++变量

   先自身加一返回值 ,在运算

   前置自增  ++i    ++写在变量的前面

var i = 1;
++i // 相当于 i = i + 1;
console.log(i); // 2

二、后置自增运算符  变量++

   先返回原值进行计算 , 后自身加 一

   后置自增  i++    ++写在变量的后面

var i = 1;
i++  // 如果单独写的话,先返回原值 i = 1; 在加1 所以最后 i = 2;
console.log(i++ + 12); //这里是14,先返回原值 i= 1;进行计算 1 + 12 =13; 在加1 
console.log(i);  // 3

   练习:

    var a = 10;
    ++a ; // 11
    var b = ++a + 2; // 相当于 b = 12 + 2
    console.log(b); //14

    var c = 10;
    c++; // 相当于 先返回原值 c=10, 在加一 所以这里是 11;
    var d = c++ + 2; // 相当于 d = c先返回原值 11 + 2  ,c在加1 所以c现在是 12 
    console.log(d); // 13;

    var e = 10; 
    var f = e++ + ++e;  //相当于 e返回原值是 10 后再加1 是11 再加上 e 先加1后返回值 11+1=12 所以这里等于 10+12
    console.log(f);  // 12

前置运算符和后置运算符 如果是单独使用时,运算结果是一样的

 

内容概要:文章以“智能网页数据标注工具”为例,深入探讨了谷歌浏览器扩展在毕业设计中的实战应用。通过开发具备实体识别、情感分类等功能的浏览器扩展,学生能够融合前端开发、自然语言处理(NLP)、本地存储与模型推理等技术,实现高效的网页数据标注系统。文中详细解析了扩展的技术架构,涵盖Manifest V3配置、内容脚本与Service Worker协作、TensorFlow.js模型在浏览器端的轻量化部署与推理流程,并提供了核心代码实现,包括文本选择、标注工具栏动态生成、高亮显示及模型预测功能。同时展望了多模态标注、主动学习与边缘计算协同等未来发展方向。; 适合人群:具备前端开发基础、熟悉JavaScript和浏览器机制,有一定AI模型应用经验的计算机相关专业本科生或研究生,尤其适合将浏览器扩展与人工智能结合进行毕业设计的学生。; 使用场景及目标:①掌握浏览器扩展开发全流程,理解内容脚本、Service Worker与弹出页的通信机制;②实现在浏览器端运行轻量级AI模型(如NER、情感分析)的技术方案;③构建可用于真实场景的数据标注工具,提升标注效率并探索主动学习、协同标注等智能化功能。; 阅读建议:建议结合代码实例搭建开发环境,逐步实现标注功能并集成本地模型推理。重点关注模型轻量化、内存管理与DOM操作的稳定性,在实践中理解浏览器扩展的安全机制与性能优化策略。
基于Gin+GORM+Casbin+Vue.js的权限管理系统是一个采用前后端分离架构的企业级权限管理解决方案,专为软件工程和计算机科学专业的毕业设计项目开发。该系统基于Go语言构建后端服务,结合Vue.js前端框架,实现了完整的权限控制和管理功能,适用于各类需要精细化权限管理的应用场景。 系统后端采用Gin作为Web框架,提供高性能的HTTP服务;使用GORM作为ORM框架,简化数据库操作;集成Casbin实现灵活的权限控制模型。前端基于vue-element-admin模板开发,提供现代化的用户界面和交互体验。系统采用分层架构和模块化设计,确保代码的可维护性和可扩展性。 主要功能包括用户管理、角色管理、权限管理、菜单管理、操作日志等核心模块。用户管理模块支持用户信息的增删改查和状态管理;角色管理模块允许定义不同角色并分配相应权限;权限管理模块基于Casbin实现细粒度的访问控制;菜单管理模块动态生成前端导航菜单;操作日志模块记录系统关键操作,便于审计和追踪。 技术栈方面,后端使用Go语言开发,结合Gin、GORM、Casbin等成熟框架;前端使用Vue.js、Element UI等现代前端技术;数据库支持MySQL、PostgreSQL等主流关系型数据库;采用RESTful API设计规范,确保前后端通信的标准化。系统还应用了单例模式、工厂模式、依赖注入等设计模式,提升代码质量和可测试性。 该权限管理系统适用于企业管理系统、内部办公平台、多租户SaaS应用等需要复杂权限控制的场景。作为毕业设计项目,它提供了完整的源码和论文文档,帮助学生深入理解前后端分离架构、权限控制原理、现代Web开发技术等关键知识点。系统设计规范,代码结构清晰,注释完整,非常适合作为计算机相关专业的毕业设计参考或实际项目开发的基础框架。 资源包含完整的系统源码、数据库设计文档、部署说明和毕
JavaScript 中的算数运算符用于对一个或多个值进行运算并返回结果,使用运算符的值称为操作数,运算符和操作数(js 数据)的组合称为表达式,且凡是表达式一定有返回结果。常见的算数运算符如下: 1. **基本四则运算**: - `+`:加法运算符,用于执行加法操作。例如`let a = 1 + 2` [^3]。 - `-`:减法运算符,用于执行减法操作。例如`a = 10 - 5` [^3]。 - `*`:乘法运算符,用于执行乘法操作。例如`a = 2 * 4` [^3]。 - `/`:除法运算符,用于执行除法操作。例如`a = 10 / 3` 。需要注意的是,当除数为 0 时,结果为`Infinity`,如`a = 10 / 0` [^3]。 2. **其他运算符**: - `%`:模运算,即两个数相除取余数。例如`b = 5 % 2`,结果为 1 [^2]。 - `++`:自增运算符,将操作数的值加 1。例如`b++` [^2]。 - `--`:自减运算符,将操作数的值减 1。例如`b--` [^2]。 - `+=`:复合赋值运算符,`b += 10` 等同于`b = b + 10` [^2]。 - `-=`:复合赋值运算符,`b -= 10` 等同于`b = b - 10` [^2]。 - `**`:幂运算,用于求几次幂。例如`a = 10 ** 2` 表示 10 的 2 次方,结果为 100;`a = 9 ** .5` 表示 9 开方 [^3]。 由于 JS 是一门弱类型语言,当进行运算时会通过自动的类型转换完成运算 [^3]。 ```javascript // 示例代码 let num1 = 5; let num2 = 2; // 加法 let addition = num1 + num2; console.log(addition); // 减法 let subtraction = num1 - num2; console.log(subtraction); // 乘法 let multiplication = num1 * num2; console.log(multiplication); // 除法 let division = num1 / num2; console.log(division); // 取余 let modulus = num1 % num2; console.log(modulus); // 自增 num1++; console.log(num1); // 自减 num1--; console.log(num1); // 幂运算 let power = num1 ** num2; console.log(power); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值