位置: IT常识 - 正文

JavaScript基础语法入门(javascript基础编程)

编辑:rootadmin
JavaScript基础语法入门 文章目录一. JS简介二. JS基础语法1. 在HTML中引入JS2. 第一个JS程序3. 变量4. JS的内置类型4.1 数字4.2 字符串4.3 布尔类型4.4 undefined类型和null类型5. 运算符6. 数组6.1 数组的基本操作6.2 数组的越界访问6.3 插入/删除/修改元素7. 函数8. 对象一. JS简介

推荐整理分享JavaScript基础语法入门(javascript基础编程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript的基础类型,javascript基础编程,javascript语言入门教程,javascript语言入门教程,JavaScript基础语法,javascript语言入门教程,JavaScript基础语法详解,JavaScript基础语法详解,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript , 简称JS, JS最初只是为了进行前端页面开发, 但随这后来JS越来越火之后, JS就被赋予了更多的功能, 可以用来开发桌面程序, 手机App, 服务器端的程序等…

JS是一种动态类型, 弱类型的脚本语言, 通过解释器运行, 主要在客户端和浏览器上运行, 比如Chrome里面专门有一个模块, 就是JS引擎, 就相当于JVM一样, 能够解释执行js代码, 后来这个部分的代码就被大佬们单独拎了出来, 封装成了独立的程序, 称为V8引擎, 这就使JS的适用范围更广泛了, 可以使服务器也能解析JS代码, 完成交互.

JS之父是 布兰登·艾奇(Brendan Eich), 如下图, 还是很有大佬气质的,

他在1995年, 用10天时间完成JS的设计, 最初在网景公司(Netscape), 命名为 LiveScript, 一般认为, 当时 Netscape之所以将LiveScript命名为JavaScript, 是因为Java是当时最流行的编程语言, 带有 “Java” 的名字有助于这门新生语言的传播, 但实际上Java和JavaScript之间的语法风格相差甚远, 基本是没有关系的.

JS主要在前端中可以完成用户在网页和Web服务器的交互, HTML描述了网页的结构(骨), CSS描述了网页的样式(皮), JavaScript则描述了网页的行为(魂).

再来简单了解一下JS的运行过程, JS编写的代码是保存在文件中的, 也就是存储在硬盘(外存上), 双击.html文件浏览器(应用程序)就会读取文件, 把文件内容加载到内存中(数据流向: 硬盘 => 内存), 浏览器会解析用户编写的代码, 把代码翻译成二进制的, 能让计算机识别的指令(解释器的工作), 得到的二进制指令会被 CPU 加载并执行(数据流向: 内存 => CPU).

浏览器分成渲染引擎 + JS 引擎, 渲染引擎的工作是, 解析 html + CSS, 俗称 “内核”; JS引擎也就是JS解释器, 典型的就是Chrome中内置的V8; JS引擎会逐行读取JS代码内容, 然后解析成二进制指令, 再执行.

二. JS基础语法1. 在HTML中引入JS

在html中引入JS代码主要有行内式, 内嵌式, 和外部式三种, 行内式直接将JS代码嵌入到了html元素内部, 内嵌式将代码写入到了script标签中, 外部式将代码写到了单独的.js文件当中.

在js中有两种注释风格, 单行注释使用//来表示,/**/表示多行注释.

JavaScript基础语法入门(javascript基础编程)

要注意的是外部式的script标签中间不能写代码, 必须空着(写了也不会执行).

2. 第一个JS程序

在JS中可以使用alert()这个函数来弹出一个对话警示框, 我们搭配使用html中的button标签使用作为JS的第一个程序, 顺便演示一下上面的三种引入JS的方式.

首先采用行内式来写这个代码, 要注意JS中字符串常量可以使用单引号表示, 也可以使用双引号表示, 但更推荐的写法是在html中使用双引号, JS中使用单引号.

<button onclick="alert('hello js')">点击进入第一个js程序</button>

内嵌式写法:

<script> alert("helloJS");</script>

外部式写法.

//hello.jsalert('helloJS');<script src="./hello.js"></script>

得到的效果和上面是一样的.

上面使用alert显示弹窗提示可以让用户看到程序的输出, 是一种很常见的交互方式, 但弹框操作不方便的地方在于, 有些对话框一弹出来用户就不能在操作页面的其他部分了, 必须把弹窗点掉才能继续其他操作.

在JS中可以使用console.log来进行调试输出, 在浏览器开发者工具中, 有一个控制台, 在这个控制台上就能看到console.log输出的内容, 如果出现了一些异常在控制台上也会有提示.

3. 变量

语法格式:

//第一种定义方式var 变量名 = 值;//第二种定义方式let 变量名 = 值;

与java/c/c++不同的是, 关键字var/let定义的变量可以接收多种类型的变量值, 可以是整数, 浮点数, 字符串, 数组等, 甚至还可以是函数变量(有点像C语言中的函数指针), JS代码中每个语句最后带有一个;结尾, 可以省略, 但是建议还是加上.

var a = 10;console.log(a);let b = 'hello';console.log(b);

JS中定义变量不用

本文链接地址:https://www.jiuchutong.com/zhishi/300914.html 转载请保留说明!

上一篇:YOLO v8详解(yolo v4 v5)

下一篇:Win11提示“为了对电脑进行保护,已经阻止此应用”解决方法(ie11已经为了帮助保护您的计算机而关闭此网页)

  • 生产经营所得个人所得税怎么申报
  • 财务会计和预算会计是两套账吗
  • 研发费用直接计入成本吗
  • 台账和明细账的区别
  • 美容行业如何做活动
  • 临时工工资能否用公户支付
  • 物流企业差额征税
  • 合作社收到补贴款如何入账
  • 营改增后房地产企业如何开票
  • 营改增后超市陈列费账务处理
  • 公司支付员工团建费没有发票怎么录账
  • 母公司派遣员工到子公司解散补偿金
  • 房产税免收范围包括
  • 超市购物卡开票可以做账吗
  • 2019年煤炭
  • 新金融工具准则投资收益
  • 应付工会经费 实际支付
  • 外汇风险怎么规避
  • 坏账准备金最新计算公式
  • 增值税预缴税款表
  • 计提增值税的账务处理小规模
  • 企业延期支付工资的法律依据
  • 计提外币借款利息
  • 工会残保金必须缴纳吗
  • 无票费用 规定
  • PHP:xml_set_character_data_handler()的用法_XML解析器函数
  • 其他货币资金包括哪些内容
  • 会计中记账凭证的名词解释
  • php 语法
  • 不用命令打开组策略
  • 抵债资产账务处理程序
  • 睿因无线路由器怎么设置
  • vue3组件写法
  • 财务管理中成本控制的原则
  • php下载远程文件到服务器
  • typescript4.1
  • php批量替换字符串
  • php is_executable判断给定文件名是否可执行实例
  • bulkload命令
  • mysql分表数量取决于什么
  • 行政单位其他应付款
  • 产品补发原来的要退吗
  • 电费账务qc
  • 年末需暂估已发生的费用吗
  • 生产型出口企业的概念
  • 融资租赁的种类
  • 营改增后房屋租赁税变化
  • 以前年度差旅费退回
  • 验资报告费用如何做账
  • 销售边角废料属于什么
  • 公司向个人借款合法吗
  • 计算成本时应该考虑什么
  • 资产负债表中的应收账款应根据什么填列
  • 现金支票取现的法律规定
  • 施工单位索赔应满足哪些条件?
  • 公司研发项目立项
  • 临时工工资怎么入账合法吗
  • 本年利润年末有余额怎么回事
  • 盗版win8 1升级win10
  • wind2000
  • dockers容器
  • 禁用windows installer没有用
  • mcshield.exe是什么进程
  • win8修改锁屏壁纸
  • win10纯净系统安装教程
  • bootstrap模态框按钮无响应
  • node.js报错
  • 2014 ChinaJoy落下帷幕 十大年度热门事件盘点
  • 狗刨教学视频新手入门
  • jqgrid getrowdata
  • 在javascript中逻辑运算符包括
  • Unity的WWW类的用法整理
  • 个人所得税app查不到工资记录
  • 济南税务局电话是多少
  • 北京地税残疾人补贴政策
  • 2015年中国出口退税新政策
  • 契税为什么要补贴
  • 设区市是哪里
  • 攸县丧葬
  • 电子税务局都能完成哪些功能
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设