JavaScript——初识:JavaScript的组成、输入和输出语句... | JavaScript基础:变量,数据类型转换

news/2024/12/23 22:24:15/

目录

初识JavaScript

JavaScript的组成 

输入和输出语句

ECMAScript 6保留关键字

变量的命名规范

注意事项 

JavaScript基础

变量的数据类型

数据类型分类 

数据类型转换

转换为字符串型

转换为数字型 

转换为布尔型

例题


初识JavaScript

JavaScript的组成 

JavaScript由哪三部分组成?

答案为:ECMAScript、DOM、BOM


输入和输出语句

javascript">console.log(alert('Hello'))

在控制台的输出结果是:

答案为:undefined


console.log输出的内容要为字符串,alert('Hello")为一条语句。

注意:若输出的内容中包含JavaScript结束标签,会导致代码提前结束、程序出错。如:

javascript"><script>console.log("<script>alert(123);</script");
</script>

常用的输入和输出语句

语句说明
alert('msg')浏览器弹出警告框
console.log('msg')浏览器控制台输出信息
prompt('msg')浏览器弹出输入框,用户可以输入内容

ECMAScript 6保留关键字

下列选项中不属于ECMAScript 6保留关键字的是()

A.delete        B.this        C.static        D.new

 答案为:C.static


ECMAScript 6中的保留关键字

breakcasecatchclass
constcontinuedebuggerdefault
deletedoelseexport
extendsfinallyforfunction
ifimportininstanceof
newreturnsuperswitch
thisthrowtrytypeof
varvoidwhilewith
yield---

变量的命名规范

 下列选项中,不能作为变量名开头的是()

A.字母        B.数字        C.下划线        D.$

答案为:B.数字


在对变量进行命名时,需要遵循变量的命名规范,从而避免代码出错,以及提高代码的可读性,具体如下:

  1. 由字母、数字、下划线和美元符号($)组成,如age、num。
  2. 严格区分大小写,如app和App是两个变量。
  3. 不能以数字开头,如18age是错误的变量名。
  4. 不能是关键字、保留字,如var、for、while等是错误的变量名。
  5. 要尽量做到“见其名知其意”,如age表示年龄,num表示数字。
  6. 建议遵循驼峰命名法,首字母小写,后面的单词首字母大写,如myFirstName。

在JavaScript中,关键字分为“保留关键字”和“未来保留关键字”。保留关键字是指在JavaScript语言中被事先定义好并赋予特殊含义的单词,不能作为变量名使用。

注意事项 

  • JavaScript可以跨平台。
  • 在JavaScript中,如果一条语句结束后,换行书写下一条语句,后面的分号可以省略。

JavaScript基础

变量的数据类型

JavaScript是一种弱类型语言,不用提前声明变量的数据类型。在程序运行过程中,变量的数据类型会被自动确定。与之对应的是强类型语言,如C、Java。

javascript"><script>var num = 10;       //这里的变量num一开始是一个数字型num = 'abc';        //赋值一个字符串,现在num变成了字符串型
</script>

数据类型分类 

JavaScript中的数据类型分为两大类,分别是基础数据类型复杂数据类型(引用数据类型)

数据类型转换

转换为字符串型

javascript"><script>var num = 3.14;       //准备一个变量//方式一:利用“+”拼接字符串(最常用)var str = num + '';console.log(str,typeof str);    //输出结果:3.14 string//方式二:利用toString()转换成字符串var str = num.toString();console.log(str,typeof str);    //输出结果:3.14 string//方式三:利用String()转换成字符串var str = String(num);console.log(str,typeof str);    //输出结果:3.14 string
</script>

转换为数字型 

javascript"><script>//方式一:使用parseInt()将字符串转为整数console.log(parseInt('78'),typeof parseInt('78'));//方式二:使用pasrseFloat()将字符串转为浮点数console.log(parseFloat('3.94'),typeof parseFloat('3.94'));//方式三:使用Number()将字符串转为数字型console.log(Number('3.94'),typeof Number('3.94'));//方式四:利用算术运算符(-、*、/)console.log('12' - 1,typeof ('12' - 1));
</script>

转换为布尔型

javascript"><script>console.log(Boolean(''));           //falseconsole.log(Boolean(0));            //falseconsole.log(Boolean(NaN));          //falseconsole.log(Boolean(null));         //falseconsole.log(Boolean(undefined));    //falseconsole.log(Boolean('小白'));       //trueconsole.log(Boolean(12));           //true
</script>
</html>

例题

①表达式(-5) % 3 的运行结果为:

②表达式“var a = 1,b = 1; console.log(++a)”的输出结果是:

 答案为:①-2        ②2


javascript">console.log(true - 1)

语句输出的结果是()

A.1        B.0        C.true1        D.-1

答案为:B.0


END 



http://www.ppmy.cn/news/1469587.html

相关文章

基于深度学习的向量图预测

基于深度学习的向量图预测 向量图预测&#xff08;Vector Graphics Prediction&#xff09;是计算机视觉和图形学中的一个新兴任务&#xff0c;旨在从像素图像&#xff08;栅格图像&#xff09;生成相应的向量图像。向量图像由几何图形&#xff08;如线条、曲线、多边形等&…

REST风格

黑马程序员Spring Boot2 文章目录 1、REST简介1.1 优点1.2 REST风格简介1.3 注意事项 2、RESTful入门案例 1、REST简介 1.1 优点 隐藏资源的访问行为&#xff0c;无法通过地址的值对资源适合中操作书写简化 1.2 REST风格简介 按照RST风格访问资源时使用行为动作区分对资源进…

java第二十四课 —— super 关键字 | 方法重写

super 关键字 基本介绍 super 代表父类的引用&#xff0c;用于访问父类的属性、方法、构造器。 基本语法 访问父类的属性&#xff0c;但不能访问父类的 private 属性。 super.属性名; 访问父类的方法&#xff0c;不能访问父类的 private 方法。 super.方法名(参数列表); 访…

采用PHP开发的一套(项目源码)医疗安全(不良)事件报告系统源码:统计分析,持续整改,完成闭环管理

采用PHP开发的一套&#xff08;项目源码&#xff09;医疗安全&#xff08;不良&#xff09;事件报告系统源码&#xff1a;统计分析&#xff0c;持续整改&#xff0c;完成闭环管理 医疗安全确实是医疗领域中不容忽视的重要问题。医院不良安全事件&#xff0c;即医疗质量安全不良…

聊聊对Andorid的FileProvider的理解

最近在项目中遇到一个有关FileProvider的问题&#xff0c;由此来学习了一下FileProvider&#xff0c;有关笔记记录如下。 FileProvider是 Android 系统中一个特殊的内容提供者(ContentProvider), 它主要用于应用之间安全的共享文件。通过 FileProvider,应用可以生成一个 conte…

web前端高级学习:深入探索与实战进阶

web前端高级学习&#xff1a;深入探索与实战进阶 在数字化时代&#xff0c;Web前端技术日新月异&#xff0c;作为前端开发者&#xff0c;我们需要不断学习和提升&#xff0c;以应对行业的变化和挑战。本文将围绕四个方面、五个方面、六个方面和七个方面&#xff0c;深入探讨We…

微信小程序—页面滑动,获取可视区域数据

需求&#xff1a;页面有一列表&#xff0c;获取可视区域的数据&#xff1b;滑动过程中不处理&#xff0c;停止滑动后才获取。 实现原理&#xff1a;获取列表中每个条目的位置信息&#xff08;元素顶部距可视区域顶部的距离&#xff09;&#xff0c;和可视区域比较&#xff0c;…

AcWing算法基础课笔记——质数

质数 质数&#xff1a;在大于1的整数中&#xff0c;如果只包含1和它本身这两个约数&#xff0c;就被称之为质数 &#xff08;1&#xff09;质数的判定——试除法 bool is_prime(int n) {if (n < 2) return false;for(int i 2; i < n / i; i ) {if(n % i 0) return …