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日

相关文章

  • JS数组方法reverse()用法实例分析

    JS数组方法reverse()用法实例分析 reverse() 方法 reverse() 方法用于颠倒数组中元素的顺序,即实现数组的反转。 语法 array.reverse() 参数 无 返回值 被反转后的数组。 示例一 let arr = [1, 2, 3, 4, 5]; console.log("反转前的数组: ", arr); ar…

    JavaScript 2023年5月27日
    00
  • JavaScript中的Location地址对象

    JavaScript中的Location对象表示当前窗口中文档的URL信息,即当前页面的网址。使用Location对象可以获取当前页面的相关信息,如跳转页面、获取URL参数,以及修改当前页面的URL等任务。 获取Location对象 JavaScript中可以通过window.location或者location来获取当前页面Url的Location对象。 …

    JavaScript 2023年6月10日
    00
  • javascript改变this指向的方法汇总

    针对“javascript改变this指向的方法汇总”,我可以提供以下完整攻略: 什么是this指向问题 在Javascript中,this指向当前函数正在执行的上下文。但是,有时候由于函数被不同的方式调用,this指向可能会变得令人困惑。比如,在某些情况下,this会指向全局对象window,而在另一些情况下,this会指向调用该函数的对象。 换句话说,t…

    JavaScript 2023年6月11日
    00
  • 深入理解JavaScript的事件执行机制

    深入理解JavaScript的事件执行机制 什么是JavaScript事件? JavaScript事件是指浏览器或网页中发生的特定动作,例如点击、输入、鼠标移动等等。当触发事件时,可以运行特定的代码来响应事件。 事件执行机制 JavaScript事件执行机制分为三个阶段: 事件捕获阶段:事件从文档根节点传递到目标元素之前的过程。 目标阶段:事件达到目标元素。…

    JavaScript 2023年5月28日
    00
  • js自动生成对象的属性示例代码

    下面我来详细讲解一下”js自动生成对象的属性示例代码”的攻略。 标题 首先,在回答问题之前,我们需要在语句前加上标题。此篇题目的正确标题应该是: js自动生成对象的属性示例代码完整攻略 描述 对象是JavaScript中的重要组成部分,我们可以使用Object关键字创建对象,在对象中定义一些属性。而有时候我们需要自动化地生成对象或者定义对象的属性。那么如何实…

    JavaScript 2023年6月11日
    00
  • 深入了解JavaScript中的Symbol的使用方法

    深入了解JavaScript中的Symbol的使用方法 Symbol是一种原始数据类型,它可以作为对象属性的唯一标识符。本攻略将引导您深入了解Javascript中Symbol的使用方法。 基本用法 创建Symbol对象可以使用Symbol()函数,该函数可以生成一个唯一的Symbol。 let mySymbol = Symbol(); console.lo…

    JavaScript 2023年6月10日
    00
  • vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

    针对“vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法”的完整攻略,我们可以采用以下步骤进行实现: 1. 使用Scroll Behavior vue-router提供了一个非常好用的配置项scrollBehavior,它可以在页面切换时实现滚动条自动滚动到页面顶部。只需要在创建VueRouter实例时,添加如下代码即可: const ro…

    JavaScript 2023年6月11日
    00
  • JavaScript的防抖和节流一起来了解下

    JavaScript的防抖和节流一起来了解下 概念介绍 防抖和节流都是为了减少某些高频率事件的触发次数。在JavaScript中常用于优化性能或者提升用户体验。 防抖(debounce)指的是一段时间内重复触发同一事件,只执行一次函数的方法。可以使用定时器实现,如下代码所示: function debounce(fn, delay) { let timer …

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