javascript学习笔记(二) js一些基本概念

下面就是关于“javascript学习笔记(二) js一些基本概念”的完整攻略。

一、变量、数据类型和类型转换

1. 变量

在JS中,使用var关键字定义变量,定义格式为:var 变量名 = 初始值;。需要注意的是,JS中的变量名不区分大小写。

示例:

var a = 1;
var myName = 'John';

2. 数据类型

JS中支持的数据类型有以下几种:

  • Undefined 表示未定义的值
  • Null 表示空值
  • Boolean 表示布尔值,取值为true或false
  • Number 表示数字
  • String 表示字符串
  • Object 表示对象,包括数组、函数等

示例:

var a = undefined; // undefined
var b = null; // null
var c = true; // Boolean
var d = 123; // Number
var e = 'hello'; // String
var f = { name: 'John' }; // Object

3. 类型转换

JS中支持自动类型转换和强制类型转换。自动类型转换是指在某些操作中(如加减运算),如果操作数是不同类型的,则会自动将其中一个操作数转换为另一个操作数的类型以完成操作。强制类型转换是指手动将一个数据类型转换为另一个数据类型。

强制类型转换分为三种:

  • 转换为字符串:使用String()函数
  • 转换为数字:使用Number()函数
  • 转换为布尔值:使用Boolean()函数

示例:

var a = 1 + '2'; // '12',1自动转换为字符串类型
var b = parseInt('123.45'); // 123,将字符串转换为整数
var c = parseFloat('123.45'); // 123.45,将字符串转换为浮点数
var d = Number(true); // 1,将布尔值转换为数字
var e = Boolean(''); // false,将空字符串转换为布尔值
var f = Boolean(0); // false,将数字0转换为布尔值

二、if语句和switch语句

1. if语句

JS中的if语句用于根据条件执行不同的代码块。if语句的基本格式为:if (条件表达式) { 执行语句 }。需要注意的是,如果条件表达式的值为true,则执行语句块中的语句;如果条件表达式的值为false,则不执行。

示例:

var a = 1;
if (a === 1) {
  console.log('a等于1');
}

2. switch语句

JS中的switch语句用于根据不同的情况执行不同的代码块。switch语句的基本格式为:

switch (表达式) {
  case 值1:
    执行语句;
    break;
  case 值2:
    执行语句;
    break;
  ...
  default:
    执行语句;
}

需要注意的是,case语句中的值可以是字符串或数字,case语句中的代码块如果没有break语句,则会继续执行后面的case语句,直到遇到break语句为止。

示例:

var a = 2;
switch (a) {
  case 1:
    console.log('a等于1');
    break;
  case 2:
    console.log('a等于2');
    break;
  default:
    console.log('a不等于1也不等于2');
}

以上就是关于“javascript学习笔记(二) js一些基本概念”的详细攻略,希望能帮助到你。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript学习笔记(二) js一些基本概念 - Python技术站

(0)
上一篇 2023年5月17日
下一篇 2023年5月17日

相关文章

  • 一个即时表单验证的javascript代码

    下面就为您详细讲解如何编写一个即时表单验证的 JavaScript 代码。 编写 JavaScript 表单验证代码的基本步骤 获取表单的各个输入项,如输入框、单选框、多选框等,并对每个输入项都定义一个监听事件(如 onblur、onkeyup 等),监听输入内容的改变。 在监听事件中编写检验函数,该函数应当返回布尔值来表示输入项是否符合要求。可以根据不同的…

    JavaScript 2023年6月10日
    00
  • HTML最新标准HTML5总结(必看)

    HTML最新标准HTML5总结(必看) 1. 什么是HTML5? HTML5标准是HTML的第五个版本,它引入了新的语义元素、表单控件、音视频标签、Canvas绘图、Geolocation地理位置、Web Storage、Web Worker等新特性,能够更好地应对现代Web应用的需求。 HTML5相对于早期的HTML版本来说,更加简单易学,语义化更强,可编…

    JavaScript 2023年5月28日
    00
  • js获取时间并实现字符串和时间戳之间的转换

    获取时间是前端开发中的常见需求,一般有两种方式获取时间,一种是获取当前时间,另一种是获取指定时间。在这基础上,我们可以实现字符串和时间戳之间的相互转换。 获取当前时间 我们可以使用new Date()对象获取当前时间,然后将其转换为需要的字符串格式。以下代码展示了如何将当前时间转换为年-月-日时分秒格式: // 获取当前时间 let now = new Da…

    JavaScript 2023年5月27日
    00
  • JavaScript 全面解析各种浏览器网页中的JS 执行顺序

    JavaScript 全面解析各种浏览器网页中的JS 执行顺序 前言 JavaScript 是一种动态的、弱类型的脚本语言,广泛应用于网页开发、服务器端开发等领域。在网页中,JavaScript 被用来控制页面的行为、交互和动态效果。在不同的浏览器中,JavaScript 的执行顺序会有所差异,这给开发者带来了一定的困扰。本文将详细讲解 JavaScript…

    JavaScript 2023年5月27日
    00
  • 基于Jquery的$.cookie()实现跨越页面tabs导航实现代码

    首先,需要了解一下jQuery的$.cookie()方法,它是用来操作cookie的轻量级插件,可以很方便地对cookie进行创建、读取和删除等操作。在这里,我们将利用$.cookie()方法来实现跨越页面tabs导航的功能。 引入jQuery和jQuery Cookie插件 在HTML页面中需要先引入jQuery和jQuery Cookie插件的JS文件。…

    JavaScript 2023年6月11日
    00
  • 如何实现正则表达式的JavaScript的代码高亮

    要在网页中实现正则表达式的JavaScript代码高亮,可以采用Prism.js这个JavaScript库。 下面是实现的具体步骤: 1. 引入Prism.js 在网页的标签内添加下面的代码来引入Prism.js库: <link rel="stylesheet" href="https://cdnjs.cloudflare…

    JavaScript 2023年6月10日
    00
  • JS时间戳与日期格式互相转换的简单方法示例

    让我来为您详细讲解“JS时间戳与日期格式互相转换的简单方法示例”的完整攻略。在 Javascript 中,日期时间通常是以时间戳和日期格式相互转换的。时间戳是指自 1970 年 1 月 1 日 00:00:00 UTC(协调世界时)以来的秒数。日期格式则是以一定格式表示的时间日期字符串。 将时间戳转换为日期格式 我们可以使用 Date 对象的 toLocal…

    JavaScript 2023年5月27日
    00
  • 适用于javascript开发者的Processing.js入门教程

    适用于JavaScript开发者的Processing.js入门教程 什么是Processing.js Processing.js是一个基于JavaScript语言的绘图库,可以帮助我们使用JavaScript绘制出各种有趣的形状和图案。Processing.js底层是使用Java语言实现的,如果你之前有使用过Processing的话,那么你会很快上手Pro…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部