iis服务器助手广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript的使用形式是什么
  • 882
分享到

JavaScript的使用形式是什么

2024-04-02 19:04:59 882人浏览 八月长安
摘要

这篇文章主要讲解了“javascript的使用形式是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript的使用形式是什么”吧! 前言

这篇文章主要讲解了“javascript的使用形式是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript的使用形式是什么”吧!

前言

JavaScript是一种脚本语言,可以直接嵌入html页面之中,当用户在浏览器中浏览该页面时浏览器会解释并执行其中的JavaScript脚本,可以使页面更加丰富多彩。HTML: 网页的结构(骨)、CSS: 网页的表现(皮)、JavaScript: 网页的行为(魂)。

一、JavaScript简介

JavaScript是一种通用的、跨平台的、基于对象和事件驱动并且具有安全性的客户端脚本语言。

解释性:

JavaScript是一种解释性语言,它不需要编译,可以直接被浏览器解释并执行。所以只有运行时错误,即使是语法错误。 要查看js报错,需要从控制台上查看。

弱数据类型:

定义变量时,无须指定变量的类型,浏览器会根据变量的取值情况确定变量的类型。一个变量可以赋予不同类型的数据,变量的类型会随着它的值的改变而改变。

跨平台:

操作系统无关,只要提供支持JavaScript的浏览器,就可以解释并执行这个脚本。

基于对象:

它提供了一系列的内置对象,用户可以根据需要来创建对象,通过调用对象的方法和属性来实现页面的某些特效。

基于事件驱动:

事件驱动:在页面执行某种操作时而产生的动作。比如单击鼠标时,浏览器可以根据该操作进行响应。

二、JavaScript使用形式

1、 关联在HTML中执行

内部方式管理< script>js语句< script> 。

外部方式引入< script src=“js资源的url”>< /script> 。比较推荐

在学习简单的js时,可以直接打开在浏览器的开发者(鼠标右击,选择检查)的控制台(console)中编写js语句。每一行都独立执行。

console.log()在控制台打印一条日志

console.error()在控制台打印一条错误日志。

使用%c可以把样式加上。

三、基本语法

1、标识符

就是用来命名变量、函数或者循环中的标签。在JavaScript中,标识符的命名规则与Java基本相同。

字母 下划线 数字 $ 组成;

但是不能以数字开头;$、_ 可以开头,但规范上不建议;

变量名大小写是不同的,推荐使用小写形式或驼峰命名法;

不能与JavaScript中的关键字相同。

2、关键字

是指JavaScript中预先定义的、有特别意义的标识符。例如false、var等等。

3、数据类型

变量的类型可以改变,但是某一时刻的类型是确定的。

常见的数据类型:

数据类型 描述

String 字符串是由 ''或者""引起来的0&mdash;&mdash;n个字符

Boolean 包括true和false的值

Null 表明某个变量的值为null

Undefined 变量未初始化时,默认值就是undefined

Array 一些列变量/函数的集合,存放的类型可以相同可以不同

Number 数值类型可以是32位的整数,可以是64位的浮点数。整数可以是十进制、八进制、十六进制等形式。

Function 是一种特殊的对象数据类型,可以被存储在变量、数组或者对象中,可以作为参数传给其他函数

Object 通过方法和属性定义的软件对象。常见对象有String、Date、Math、Array等

Number类型:-infinity 负无穷,infinity 正无穷,Nan(Not a Number)不是一数字。

模板字符串:使用反引号(tab上面的键),例如下面的例子,类似于String.fORMat(“hello %s”, a),所表现的是一样的。

undefined、null不同,都是针对一种不存在的抽象,但是undefined是未定义,null是空。

4、变量

只有一种(引用类型)。

在JavaScript中,变量的使用相对比较灵活。

在变量使用之前,可以不定义,直接使用。

在定义变量时,不用指定变量的数据类型;当对变量赋值时,它的数据类型会根据所赋值的类型进行确认。

变量的定义

语法格式:var 变量1;

var是定义变量的关键字;

多个变量可以一起定义,变量名之间可以使用逗号隔开;

变量可以在定义时赋值,也可以先定义再赋值;

在JavaScript中,变量也可以不用定义,直接使用,但是未定义变量直接使用时,会抛出undefined错误,所以建议先定义再使用。

注意

JavaScript中的变量是区分大小写的,例如name、Name、NAME代表三个不同的变量。

JavaScript脚本嵌入在HTML中,而HTML代码不区分大小写,很容易忽视这一点,所以建议同意使用小写或者驼峰命名法来定义变量。

变量的类型

由于JavaScript中的变量是弱数据类型,在声明变量时不需要定义变量的数据类型,而是通过var关键字进行声明的。

在变量的使用过程中,变量的类型可以改变,类型由所赋值的类型来确定。数据有类型,变量无类型。

通过typeof运算符或者typeof()来获得变量的当前数据类型,例如:

变量的作用域

未定义的变量直接赋值时,浏览器会将变量定义为全局变量。

在使用全局变量时,尽量采用显示方式定义,避免出现误解/错误的情况。

5、注释

单行注释 //

多行注释

四、运算符

JavaScript的运算符与Java语言非常相似,所以这里主要介绍不同点。

1、赋值运算符

可以在定义变量时赋值,也可以在定义变量后赋值,还可以同时对多各变量连续赋值。

2、比较运算符

== 和 ===

==支持类型转换,只要前后两个变量的值相同就返回true。

===是严格等于,严格相等判断,必须要求两个变量的智翔通,且数据类型一致才返回true。一般建议使用。

!= 和!==

与上面的相同意思,可以自行体会。

五、if条件语句

什么样的条件才是真?

当值为true、不是0、非空字符串(包含"false"字符串)、非null、不是undefined 都执行对的程序部分。

var a = prompt("请输入一个数字");

if (isNaN(a)) {

   alert("请输入数字");

} else {

   if (a % 2 === 0) {

       alert(&mdash;&mdash;${a} 是一个偶数&mdash;&mdash;);

   } else {

       alert(&mdash;&mdash;${a} 是一个奇数&mdash;&mdash;);

   }

}

六、函数

1、预定义函数

预先定义的可以随时使用的函数,用户不需要定义就可以使用。

parseInt() 将字符串转换为整型

用于解析字符串,从中返回一个整数。

当字符串中存在除了数字、字母、小数点、指数符号以外的字符时,parseInt()就停止转换,返回已经有的结果。

当第一个字符不能转换时,返回NaN。

isNaN()测试是否是一个数字

用于检查参数是否是一个非数字值。

当括号内为数字时,返回false。

eval()计算表达式的结果

用于把JavaScript中的字符串转为脚本代码来执行。

语法格式:eval(string)

string是一个要计算的字符串,可以是JS表达式或者要执行的脚本。

当string是一个表达式时,eval()将执行表达式,并返回计算的结果。

当string是JS脚本时,执行相应的脚本。

script.js

//parseInt()函数用法

document.write("parseInt('88.9')的执行结果是:" + parseInt('88.9') + "<br/>");  

document.write("parseInt('8TE')的执行结果是:" + parseInt('8TE') + "<br/>");  

document.write("parseInt('B89')的执行结果是:" + parseInt('B89') + "<br/>");  

//isNaN()函数用法

document.write("'name'" + "是否不是数字:" +isNaN('name') + "<br/>");   

//eval()函数用法

var str = "300 + 500 * 2";

document.write("表达式" + str + "的结果是:" +eval(str) + "<br/>");  

对话框函数

函数alert()、confirm()、prompt()实际上是window对象的方法,用来弹出对话框与用户实现交互。在使用时,window对象可以省略。

alert()弹出一个提示对话框。

confirm()弹出一个确认对话框,在确认对话框中,单击“确定”返回true,单击“取消”返回false。

prompt()接收用户输入的对话框。

2、自定义函数

由于JavaScript是弱数据类型语言,所以在自定义函数时既不需要声明函数的参数类型,也不需要声明函数的返回类型。

方式:命名函数、匿名函数、对象函数、自调用函数。

命名函数

在使用函数时,应先定义函数(function关键字),然后再进行调用。

参数可选,当有多个参数可以使用逗号隔开。

retrun语句可选,当没有return时,函数将返回undefined。

完成函数的定义后,函数并不会自动执行,只有通过事件或脚本调用时才会执行。

在同一个< script>< /script>标签中,允许函数的调用在函数定义之前。但是在不同的< script>< /script>标签中,函数的定义必须在含糊的调用之前,否则调用无效。总之,在自己学习时先定义在调用就可以啦。

感谢各位的阅读,以上就是“JavaScript的使用形式是什么”的内容了,经过本文的学习后,相信大家对JavaScript的使用形式是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: JavaScript的使用形式是什么

本文链接: https://www.lsjlt.com/news/90851.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript的使用形式是什么
    这篇文章主要讲解了“JavaScript的使用形式是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript的使用形式是什么”吧! 前言 ...
    99+
    2024-04-02
  • JavaScript对象的四种使用方式是什么
    这篇“JavaScript对象的四种使用方式是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JavaScript对象的四...
    99+
    2023-06-30
  • FMDB使用的数据库的三种形式分别是什么
    今天就跟大家聊聊有关FMDB使用的数据库的三种形式分别是什么,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。FMDB是iOS平台下一款优秀的第三方SQLite数据库框架。它以Objec...
    99+
    2023-06-04
  • 服务器的RAID形式是什么
    服务器的RAID形式通常是通过硬件RAID控制器实现的,其中常见的RAID级别包括RAID 0、RAID 1、RAID 5、RAID...
    99+
    2024-04-26
    服务器
  • javascript是java语言的脚本形式吗
    这篇文章主要讲解了“javascript是java语言的脚本形式吗”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript是java语言的脚本形式...
    99+
    2024-04-02
  • 什么是javascript的行内式
    本篇内容主要讲解“什么是javascript的行内式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“什么是javascript的行内式”吧! ...
    99+
    2024-04-02
  • JavaScript中正则表达式的使用方法是什么
    这篇文章主要讲解了“JavaScript中正则表达式的使用方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript中正则表达式的使用方法是什么”吧!一、什么是正则表达式是...
    99+
    2023-06-22
  • Windows磁盘分区的形式是什么
    今天小编给大家分享一下Windows磁盘分区的形式是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。磁盘分区形式有两种:1...
    99+
    2023-06-29
  • http代理IP常见的形式是什么
    本篇内容介绍了“http代理IP常见的形式是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!有很多类型的代理IP可以挑选,首先要看自己的需...
    99+
    2023-06-20
  • AIX图形连接Xstart的方式是什么
    这篇文章给大家介绍AIX图形连接Xstart的方式是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。① export DISPLAY= *.*.*.*:0.0   其中 *.*.*.*为手头电脑的IP(wh...
    99+
    2023-06-05
  • SQLite中SELECT基本形式是什么
    这篇文章将为大家详细讲解有关SQLite中SELECT基本形式是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。SQLite中SELECT基本形式 每个数据库...
    99+
    2024-04-02
  • javascript文件是什么格式的
    本篇内容主要讲解“javascript文件是什么格式的”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript文件是什么格式的”吧! ...
    99+
    2024-04-02
  • JavaScript中的表达式是什么
    今天给大家介绍一下JavaScript中的表达式是什么。文章的内容小编觉得不错,现在给大家分享一下,觉得有需要的朋友可以了解一下,希望对大家有所帮助,下面跟着小编的思路一起来阅读吧。在JavaScript中...
    99+
    2024-04-02
  • 怎么使用JavaScript打印菱形
    这篇文章主要讲解了“怎么使用JavaScript打印菱形”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用JavaScript打印菱形”吧!首先,我们需要了解什么是菱形。菱形又称网格状多...
    99+
    2023-07-06
  • HBase中数据存储的形式是什么
    在HBase中,数据是以表格形式存储的,每个表由行(row)组成,每行又包含多个列族(column family),而列族包含多个列...
    99+
    2024-04-09
    HBase
  • javascript表达式是什么
    这篇文章将为大家详细讲解有关javascript表达式是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 javascript表达式有:1、...
    99+
    2024-04-02
  • JavaScript的继承方式是什么
    本文小编为大家详细介绍“JavaScript的继承方式是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript的继承方式是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。JavaScript中...
    99+
    2023-06-30
  • JavaScript中介者模式的作用是什么
    这篇文章给大家介绍JavaScript中介者模式的作用是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。JavaScript有什么特点1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支持下,js可以在多种平台下...
    99+
    2023-06-14
  • javascript内嵌式与外链式的应用方式是什么
    本篇内容介绍了“javascript内嵌式与外链式的应用方式是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!javascript内嵌式与...
    99+
    2023-06-21
  • JavaScript中策略模式的作用是什么
    本篇文章为大家展示了JavaScript中策略模式的作用是什么,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。JavaScript是什么JavaScript是一种直译式的脚本语言,其解释器被称为Jav...
    99+
    2023-06-14
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作