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

  • 所得税结转本年利润
  • 纳税信用等级是专管员评的吗
  • 银行代发工资必须交社保吗
  • 微信收款和支付宝收款有啥区别
  • 化粪池合同书
  • 营业总收入包括营业外收入吗
  • 印花税的计税依据为各种应税凭证上所记载的计税金额
  • 货物所有权转移制度研究
  • 挂失申请怎么写
  • 税收滞纳金计税吗
  • 资产减少应注意的问题有哪些?
  • 物业电费加价如何举报
  • 年终零余额账户有余额
  • 小规模发票什么样子
  • 开具增值税专用发票的要求
  • 2018企业所得税小微企业优惠政策
  • 进项税额转出年末要结转吗
  • 住宿费进项发票账务处理
  • 施工服务费税率9%
  • 土地增值税缴纳标准
  • 增值税发票查验平台显示查无此票
  • 多扣除了应交税费怎么调整?
  • 总公司与分公司的税务关系怎么交税
  • 公司购进的商品自己用的,税金怎么走账
  • 电脑任务栏图标怎么移到左边
  • xp系统怎么删除打印机驱动程序
  • 听证方式有几种
  • 是否亏损看什么
  • php面向对象是什么意思
  • 收到客户预付的保费90000元,存入银行
  • uniapp 嵌套webview
  • 带息应收票据的核算
  • 正则表达式u4e00
  • 盘盈的存货处理
  • 收到专利补贴的分录
  • 莱姆 惨败
  • 如何做世界上最小的遥控飞机
  • 分配股利会稀释股权吗
  • 在金税卡里面如何交社保
  • 税收优惠方式有几种
  • 一个简单安全的小故事
  • mapbox怎么用
  • window12最新系统
  • 支付银行手续费等直接收费金融服务
  • 普通发票两联都盖章吗
  • 停车费报销怎么说委婉
  • dedecms怎么改图片
  • python如何实现事务机制
  • mysql语句性能优化
  • 产业增加值是增长量吗
  • mysql select语句操作实例
  • 收到政府给员工的礼物
  • 付的房屋租金计入什么会计科目
  • 合同资产和合同履约成本的区别
  • 一般纳税人开普票和专票有什么区别
  • 投资收益记账
  • 汇算清缴要退税1750元,不想退要调平怎么调?
  • 公司法人必须在公司名下缴纳社保吗
  • 预付卡销售成品油会计分录
  • 买卖股票手续费怎么算
  • 结转已到期未兑现的商业承兑汇票会计分录
  • 公司的在建工程入账会计分录没有付款
  • 技术服务费计入主营业务成本
  • 小规模申请专票,税率是多少?
  • 新基建政策文件
  • 新手入门会计
  • ubuntu搜索工具
  • centos cpu 内存
  • win10 rundll
  • linux lv vg
  • 一起回顾一下本周我们的读书生活
  • linux ls命令什么意思
  • linux使用shell脚本创建文件
  • JavaScript中数组长度的属性
  • 用python做逻辑回归
  • 详细说明js的执行过程
  • 比较详细的手把件有哪些
  • 什么是委托代征专用账户管理
  • 增值税电子普通发票需要盖章吗
  • 电商平台税收怎么交
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设