位置: 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已经为了帮助保护您的计算机而关闭此网页)

  • 法人能去税务局买票吗
  • 税率变化递延所得税资产如何调整
  • 无形资产摊销完后有余额吗
  • 支付宝收付款如何关闭
  • 工资以现金形式发放的情况说明
  • 公司之间往来款需要开收据吗
  • 发票勾选后什么时候可以抵扣税
  • 废旧物资收购发票取消
  • 持有待售流动资产如果说以历史成本计量的时候怎么弄
  • 纳税申报现金流量表报错了可以重新申报吗
  • 土地以租代卖,违法吗
  • 期间费用分析方法有哪些
  • 应交税金进项税的会计分录
  • 关联的公司
  • 质保期内质量问题
  • 税务系统出问题怎么办
  • 如何查询对方是不是老赖
  • 营改增公告
  • 白蚁防治费怎么计算
  • 增值税专用发票几个点
  • 资产负债表日是什么意思
  • 小规模纳税人租金收入增值税税率
  • 非营利性组织有
  • 应收款项包括哪些内容,各自有何特点?
  • 捐赠固定资产资产处置损益
  • valorant!
  • 电脑网页游戏打不开了怎么办
  • 企业缴纳社保包含哪些内容
  • 电脑运行慢怎么清理c盘
  • 简单才能极致
  • window的hosts文件
  • linux硬链接命令
  • windows10右键刷新有点卡
  • 收益性支出与资本性支出的主要特点
  • 短期借款转长期借款利息
  • postman汉化包
  • 最小的外置dvd刻机多少寸
  • 委托加工不提供原材料会计分录
  • anaconda的虚拟环境的作用
  • 盈余公积金可以用来扩大公司生产经营
  • 卡格拉河
  • php 常用算法
  • 好用的5款国产手机推荐
  • thinkphp log
  • 新星计划2021
  • 计算机视觉算法
  • 处置抵债资产的账务处理
  • 废品损失科目的账户结构
  • 补缴去年的税款会计分录
  • 利润表本年累计数公式
  • 应付利息怎么计算
  • 个体工商户季度超过9万怎么交税
  • 员工工资是哪个会计科目
  • 作废的发票要装订记账凭证吗
  • 自制半成品怎么计算
  • 出口海运费222011
  • 应收账款增加给哪一方
  • 开发票四舍五入
  • 生产出口退税企业有哪些
  • 存货换入无形资产账务处理
  • 物资采购是
  • 应收账款有什么
  • 境外机构境内外汇账户管理办法
  • windons10安装
  • win7电脑默认打开方式怎么设置
  • ubuntu ftp服务开启
  • 怎样开启bios
  • win7使用mbr还是guid
  • linux rmdir
  • centos5.8服务器
  • 如何关闭win8快速启动
  • windows开启快速启动
  • 微信小程序表单制作代码
  • html中滚动条
  • 深入理解python异步编程
  • python运算符的用法
  • jquery获取点击元素
  • 国税网上办税大厅在哪
  • 企业代扣代缴个人所得税怎么算
  • 河南省土地使用税减免税优惠
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设