JavaScript基本用法

javaScript常用语法(持续更新) 全网最全的javascript语法,javascript内置字符串,数组,对象,promise,数字方法 阅读详情

1.2JavaScript基本用法

JavaScript应该放在什么位置?

① 行内JS

<button onClick="alert('hello Word')">按钮</button>

优点:非常的直观,直接作用于你写的元素

缺点:1、结构分离不清晰(html/csss/js) ; 2、复用性低; 3、不利于后期维护与修改

②内部JS

<script>
    //javascript 代码
</script>

优点:1、结构分离较清晰(较行内JS); 2、当前页面可复用 ; 3、利于后期单页面的维护和修改;

缺点:1、只能当前页面使用,不能多页面复用; 2、多页面之间的维护比较麻烦;

③外部JS

<script src="./js/script.js"></script>

优点:1、结构分离清晰 2、复用性高 ; 3、利于后期多页面的维护和修改;

1.3JavaScript-输出

JavaScript 显示方案

JavaScript 能够以不同方式“显示”数据:

Ø 使用 window.alert() 写入警告框

Ø 使用 document.write() 写入 HTML 输出

Ø 使用 innerHTML 写入 HTML 元素

Ø 使用 console.log() 写入浏览器控制台

1.4 JavaScript语句、注释、变量

1.JavaScript 语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情。

每一句JavaScript代码格式: 语句;

例:alert("hello!");就是一个JavaScript语句

语句以分号结尾,一个分号就表示一个语句结束,多个语句可以写在一行内;

注意:分号前面可以没有任何内容,JavaScript引擎会将其视为空语句;

2.JavaScript-注释很重要

注释可分为单行注释与多行注释两种

单行注释,在注释内容前加符号 " // "

多行注释以"/* "开始,以" */ "结束

3.变量

什么是变量?

什么是变量? 从字面上看,变量是可变的量;从编程角度讲,JavaScript 变量是存储数据值的容器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。

给变量取个名

我们为了区分盒子,可以用box1,box2等名称代表不同盒子,box1就是盒子的名字(也就是变量的名字);

注意:变量名字可以任意取,只不 过取名字要遵循一些规则:

必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。

例如:mysum , _mychar , $numa198

变量名区分大小写,如:A与a是两个不同变量。

不允许使用JavaScript关键字和保留字做变量名(详细可参考W3C学习手册)。

例如:class,if,for,......

变量声明

声明变量语法: var 变量名;

var mysum; //一次声明一个变量

var mysum = 12,mynum = "str";//一次声明多个变量

注意:变量也可以不声明,直接使用,但为了规范,需要先声明,后使用。

变量赋值

var mynum = 5;//声明变量mynum并赋值

注:这里 "="号的作用是给变量赋值,不是等于号。

另有两个特殊的运算符号:

1."==" :等同运算符:只判断值是否相等(双等号) 2."= = =":全等运算符:既判断值是否相等,又判断数据类型是否相等。(三等号)

<script>
    var num = "11";
    alert(11 == num );// true
    alert(11 === num );//false
</script>

javascript 弱类型语言(动态类型语言) ,通过var声明变量,没有编译阶段,一个变量可以随意给其赋值。什么类型的都可以

强类型语言:

数值数据变量 int

浮点型:float donble(双精度);

符串变量:string;

布尔类型变量:bool; (true false 一真一假)

全局变量以及局部变量(内部变量):

作用域不同:全局变量的作用域为整个程序,而局部变量的作用域为当前;函数或循环等

内存存储方式不同:全局变量存储在全局数据区中,局部变量存储在栈区;

生命期不同:全局变量的生命期和主程序一样,随程序的销毁而销毁,局部变量在函数内部或循环内部,随函数的退出或循环退出就不存在了;

使用方式不同:全局变量在声明后程序的各个部分都可以用到,但是局部变量只能在局部使用。函数内部会优先使用局部变量再使用全局变量;

手把手教你用Gazebo插件实现阿克曼底盘仿真(附Navigation2适配指南) 本文提供了一份完整的ROS2 Navigation2与Gazebo阿克曼底盘仿真全栈指南。从阿克曼运动学原理出发,详细讲解了如何构建URDF/SDF模型、集成gazebo_ros_ackermann_drive插件并进行PID调优,并重点阐述了如何深度适配Navigation2,包括配置Ackermann运动模型、调整规划器与恢复行为,最终实现从建图到自主导航的全流程仿真。 阅读详情

相关推荐

cuRobo 入门教程(二)基于CUDA的机器人运动规划加速库

cuRobo是一款基于CUDA加速的机器人算法库,提供正向/逆向运动学、碰撞检测、数值优化等核心功能,支持在NVIDIA Jetson Orin等平台上实现毫秒级运动规划。该库创新性地采用并行轨迹优化技术,结合nvblox工具实现深度摄像头避障功能,并通过多层ESDF结构处理动态障碍物。性能测试显示,在RTX 6000 Ada显卡上可实现99.85%的成功率,平均规划时间仅39毫秒。cuRobo还提供Python API支持神经网络集成,并具备批量环境处理能力,特别适用于工业机器人应用场景。最新版本通过算法

2506_90492529的博客 1268

js语法与变量

1. JavaScript的基础用法,最开始使用引入js的方法有两种,第一个分类清晰,只要把他们分在不同的文件夹里规划在一起就行,一般大型的网页都是使用这一种引入的方法,而不会混乱。 2. 第二个就是直接在HTML里使用script标签应用在最下面,script与link标签有一些不一样,它不能写在link标签下面,这样的一般大型的网页会受到先后顺序的阻碍,导致一些功能会受到变更,所以都是写在</div>最末尾的地方,或者在最后面,要是大型网页最好就不要继续在最下面写JavaScript了..

Sore4的博客 582

mvjs::card_index_dividers:轻松移动JavaScript模块

轻松在JavaScript项目中移动文件和目录。 mvjs· 轻松在JavaScript项目中移动文件和目录。 问题 在项目内移动JavaScript模块通常是一项繁琐的任务。 使用mv移动它之后,您必须在项目中的其他模块上更新它们的引用。 mvjs移动模块,并在其他模块上更新其所有引用,这使得移动模块的任务变得更加简单,类似于使用mv 。 它通过在项目内的所有JavaScript模块上运行codemod(借助于jscodeshift )并jscodeshift地更新import声明和require调用来做到这一点。 对于非js模块文件,将在其内容上运行一个正则表达式,替换任何看起来像路径且与任何已移动文件匹配的字符串都将被正确替换。 当移动.scss和其他文件扩展名(可能会导入其中一个文件)时,这使您更加省心。 特征 支持和更新import _ from '...' , impo

js学习笔记:MV*模式

MVCMVC模式的意思是,软件可以分成三个部分: 视图(View):用户界面。 控制器(Controller):业务逻辑 模型(Model):数据保存 各部分之间的通信方式如下: View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈 所有通信都是单向的。ModelModel管理应用程序的数据

(づ。◕‿‿◕。)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭ 1516

10个JavaScript难点

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33976072的博客 465

【日常学习】最全JavaScript使用详解

JavaScript使用 1、JavaScript历史 Netscape 发明了 JavaScriptJavaScript由Netscape 在1995年发明。早期的主要目的是处理一些用户的输入验证操作。而在JavaScript语言出现之前客户端的页面时需要提交到服务器端,由服务器去检测的。在刚刚普及的电话线调制解调器时代,对用户是一种考验,著名的Netscape Navigator(早期浏览器) 通过引入JavaScript来解决该问题 ​ 随着互联网的流行,网页已经不断变得更大和复杂,如果用户想

九离的博客 3098

JavaScriptJavaScript基本使用方法

本期讲解:JavaScript基本使用方法,包括JavaScript组成、引入方式、输入输出语句、注释方式

我的主页 4296

【JS学习】JavaScript基本用法

JavaScript是一种高级、解释型的编程语言,通常用于在网页上实现动态交互和改善用户体验。它是一种脚本语言,可以嵌入到HTML中,并由浏览器解释执行。JavaScript广泛用于前端开发,但也可以用于服务器端开发(Node.js等)。

zx1041561837的博客 1398

JavaScript 函数的基本用法

是一段可以重复执行的代码块,通常用来执行特定的任务。函数可以接收输入(

m0_62599305的博客 428

JavaScript用法JavaScript(JS)的基本语法(JS数据类型,JS变量,JS运算符,JS流程控制语句)

JavaScript(JS)的基本语法 目录 JavaScript(JS)的基本语法 一. 与html结合方式 二. 注释 三. 数据类型: 四. 变量 五. 运算符(和Java有点类似) 六. 流程控制语句(和JAVA类似): 七. JS特殊语法: 一. 与html结合方式 1. 内部JS:定义<script>,标签体内容就是js代码(...

No8g攻城狮的博客 5078

js中的函数基本用法

Ming-Kai 202

javascript 一些基本用法

javascript1.在地址栏输入javascript语句Javascript:Document.write("显示文字")2.将javascript嵌入 HTML文档document.bgColor="blue"第二章 使用变量和数组1.声明变量Var answer1,answer2,answer3,answer4;answer1=9;answer2=2.5answ

汪翰翔的Blog 1690

【Vue.js的基本用法

同时,Vue.js 也完全能够支持构建复杂的单页应用,尤其是当它和现代化的工具链以及各种支持库(如 Vuex 状态管理和 Vue Router 路由管理)结合使用时。随着 Vue.js 的不断更新和发展,它的功能和性能也在不断提升,为开发者提供了更多的可能。Vue.js 拥有一个庞大的生态系统,包括 Vuex 状态管理、Vue Router 路由管理、Vue CLI 项目脚手架等工具,帮助开发者快速构建大型应用。创建一个新的 Vue 实例是开始使用 Vue.js 的第一步。对象包含了 Vue 实例的数据,

xiaocaibao777的博客 856

前端精度计算:Decimal.js 基本用法与详解

前端精度优化,Decimal.js精度库的使用。

weixin_43850458的博客 5233

【JS、数组】flat的基本用法

flat()是 JavaScript 数组的一个方法,用于将嵌套的数组“扁平化”到指定的深度。默认情况下,flat()会将数组扁平化一层(即深度为 1)。也可以通过传递一个参数来指定要扁平化的深度。

shifff的博客 1032

JavaScript使用

<script></script></body></html><head></head><body><script>name : "张三",age : 18,alert("吃饭")</script>

rch041126的博客 1066

收藏 | JavaScript常见使用方法大全详细整理

String常用方法: 1.substring(start, end) 用于提取字符串中介于两个指定下标之间的字符 var str="Hello world!" document.write(str.substring(3)); //lo world! 2.charAt(index) 返回指定索引处的字符串 Var str= ”abc8ABCabc”; str.charAt(1); // b 3.concat 连接多个字符串,返回连接后的字符串的副本 var str1 = ”aaa

黑夜开发者的博客 1341

JavaScript 教程

JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备

weixin_58431406的博客 2173

js的三种使用方法,js的使用方式

JavaScript是一种网页编程技术,经常用于创建动态交互网页JavaScript是一种基于对象和事件驱动的解释性脚本语言,类似C语言和Java的语法事先不编译;逐行执行;无需进行严格的变量声明;内置大量现成对象,编写少量程序可以完成目标不同的浏览器甚至同一浏览器的不同版本对JavaScript的支持程度都不一样使用 function 指令定义。其属性用“this.属性名”定义。如: function ObjectName(yName,yAge) { this.name = yName;

chatgpt002的博客 3264

secoclient-linux-64-7.0.12.1.run

secoclient-linux-64-7.0.12.1.run linux版,亲测在Ubuntu 18.04上好用

上一篇: flex布局方案
下一篇: 定时器小案例
zygygiug
博客等级 码龄5年 5粉丝 · 36原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值