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

  • windows7 启动项(windows7 没声音)(windows7启动项修复)

    windows7 启动项(windows7 没声音)(windows7启动项修复)

  • win11怎么把我的电脑放桌面(Win11怎么把我的电脑图标放桌面)

    win11怎么把我的电脑放桌面(Win11怎么把我的电脑图标放桌面)

  • 苹果日历没有显示节假日怎么设置(苹果日历没有显示生日)

    苹果日历没有显示节假日怎么设置(苹果日历没有显示生日)

  • 苹果停留控制怎么用(iphone停留控制是干嘛的)

    苹果停留控制怎么用(iphone停留控制是干嘛的)

  • vivo手机怎么召唤语音助手(vivo手机怎么召唤)

    vivo手机怎么召唤语音助手(vivo手机怎么召唤)

  • 抖音僵尸粉太多对账号有什么影响(抖音僵尸粉多的号会限流吗)

    抖音僵尸粉太多对账号有什么影响(抖音僵尸粉多的号会限流吗)

  • 腾讯课堂没签到能补吗(腾讯课堂没签到有记录吗)

    腾讯课堂没签到能补吗(腾讯课堂没签到有记录吗)

  • 剪映为什么变速不能用(剪映为什么变速不显示)

    剪映为什么变速不能用(剪映为什么变速不显示)

  • 手机丢失能不能通过手机号定位(手机丢失能不能用手机卡定位)

    手机丢失能不能通过手机号定位(手机丢失能不能用手机卡定位)

  • 天猫投诉电话人工服务(天猫投诉电话人工客服电话24小时)

    天猫投诉电话人工服务(天猫投诉电话人工客服电话24小时)

  • c语言中length是什么意思(c语言 length)

    c语言中length是什么意思(c语言 length)

  • a1474是ipad几代几寸屏(a1474是ipad1还是2)

    a1474是ipad几代几寸屏(a1474是ipad1还是2)

  • 华为分屏功能怎么打开(华为分屏功能怎么打开nova5)

    华为分屏功能怎么打开(华为分屏功能怎么打开nova5)

  • 微信绑定手机号有什么用(微信绑定手机号被别人绑定了会怎么样)

    微信绑定手机号有什么用(微信绑定手机号被别人绑定了会怎么样)

  • 手机怎么充值市民卡(手机怎么充值市民卡看完全部都没有选项这字眼)

    手机怎么充值市民卡(手机怎么充值市民卡看完全部都没有选项这字眼)

  • 苹果11信号有改善吗(苹果11信号改5g)

    苹果11信号有改善吗(苹果11信号改5g)

  • 华为怎样解除管控(华为怎样解除管理员)

    华为怎样解除管控(华为怎样解除管理员)

  • 哔哩哔哩卡取消订单(哔哩哔哩办的卡怎么取消)

    哔哩哔哩卡取消订单(哔哩哔哩办的卡怎么取消)

  • 华为手环4e有哪些功能(华为手环4e有什么功能)

    华为手环4e有哪些功能(华为手环4e有什么功能)

  • 抬起亮屏什么意思(抬起亮屏的工作原理)

    抬起亮屏什么意思(抬起亮屏的工作原理)

  • 耳机反磁是什么意思(蓝牙耳机的反磁是什么意思)

    耳机反磁是什么意思(蓝牙耳机的反磁是什么意思)

  • 小妖精美化怎么发作品(小妖精美化怎么换图标)

    小妖精美化怎么发作品(小妖精美化怎么换图标)

  • qq面对面快传用不了(qq面对面快传用的什么)

    qq面对面快传用不了(qq面对面快传用的什么)

  • Windows 10时钟图标不见了怎么办(windows10自带桌面时钟)

    Windows 10时钟图标不见了怎么办(windows10自带桌面时钟)

  • 让Mac屏幕横向或翻转显示适合躺在床上看电子书(mac屏幕横过来了)

    让Mac屏幕横向或翻转显示适合躺在床上看电子书(mac屏幕横过来了)

  • htpasswd命令  管理用户基本认证文件(http命令)

    htpasswd命令 管理用户基本认证文件(http命令)

  • 质保金扣款要进项税转出吗
  • 税收专用缴款书
  • 销售旧房不能取得评估价格
  • 材料验收入库并结转差异记账凭证
  • 个人开技术服务费税率是多少
  • 母公司与子公司之间的资金往来
  • 收到展会补贴账务处理
  • 退款给客户怎么记分录
  • 无法收回的款项怎么记账
  • 汽车修理费需要交印花税吗
  • 支付境外销售佣金增值税扣缴
  • 营改增后受托代销手续费税率是多少?
  • 小规模咨询费税率是多少
  • 工会经费给税务局交税比例
  • 统一员工行为规范
  • 小规模纳税人增值税征收率为
  • 软件服务费是什么
  • 存货中的生产成本是指
  • 出口退税率怎么算公式是什么
  • 企业银行基本户
  • 保证金计入哪个会计科目
  • 一般纳税人所有税率
  • 公司注销清算企业所得税申报表怎么填
  • 积分兑换现金的平台
  • win10系统声音有杂音
  • 完工转出产成品成本计算
  • 主营业务收入和营业收入的区别
  • 王者荣耀干将莫邪技能
  • 机械设备购置的程序是什么
  • php call方法
  • msoxmled.exe是什么软件
  • 总包和分包是什么关系
  • 应税销售额含增值税吗
  • OfcPfwSvc.exe - OfcPfwSvc是什么进程 有什么用
  • php添加扩展
  • php编程中的_横线表示什么
  • 使用二氧化碳灭火器时人应该站在什么位置
  • vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation
  • 期末未缴税额是负数,本月申报为什么没有抵扣
  • 特定业务计算的应纳税所得额是指
  • c++好学
  • js 跳转网页
  • python制作chm
  • 结转坏账准备是什么意思
  • node.js最新版本
  • mysql批量查询
  • 筹资现金流量净额
  • 金税四期对企业有什么影响
  • 初级会计实务中国财政经济出版社
  • 小轿车折旧年限规定
  • 异地预缴税款怎么抵扣
  • 不征收耕地占用税的是
  • 怎样暂估成本的会计分录
  • 上月多出来的薪资怎么算
  • 小规模纳税人减按1%怎么计算
  • 税控盘服务费减免政策
  • 加油预付卡发票新规定文件
  • 成本价和原价一样吗
  • 不开票收入怎么做账
  • 私企需要计提盈余公积吗
  • Linux下MySQL5.7.18 yum方式从卸载到安装过程图解
  • linux虚拟系统
  • 重装系统东西
  • win7如何彻底删除软件
  • Mac系统中使用QuickTime Player实现屏幕录像图文教程
  • unity中英文对照
  • alt用不了
  • bat批处理脚本教程
  • 网页标准化技术有哪些
  • 变量赋值的含义
  • js声明集合
  • Node.js中的全局对象有
  • 编程 delphi
  • 企业所得税税率10%
  • 授课费800元个税要收吗
  • 贵州网上税务大厅官网
  • 浙江省税务师事务所排名
  • 专利转让个人所得税率
  • 内蒙古包头东河机场
  • 陕西地税局电话号码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设