JavaScript核心语法及数据类型详解

JavaScript是一种广泛应用于Web开发的脚本语言,它具有丰富的核心语法和数据类型。本文将重点回顾JavaScript的核心语法和数据类型。

JavaScript的核心语法

变量声明和赋值

在JavaScript中,可以使用varletconst关键字来声明变量。

var是ES5中的变量声明方式,它的作用域是函数级的。

letconst是ES6中新增的声明方式,它们的作用域是块级的。let声明的变量可以重新赋值,而const声明的变量是常量,不可重新赋值。

var a = 10;
let b = 20;
const c = 30;

数据类型

JavaScript有多种数据类型,包括基本数据类型和引用数据类型。

基本数据类型

JavaScript的基本数据类型包括:numberstringbooleannullundefined

其中,number表示数字,可以是整数或浮点数。

string表示字符串,用单引号或双引号括起来。

boolean表示布尔值,只有truefalse两个值。

null表示空值,表示一个空对象指针。

undefined表示未定义,表示一个未赋值的变量。

引用数据类型

JavaScript的引用数据类型包括:objectarrayfunction

object表示对象,用花括号{}来定义,可以包含多个键值对。

var person = {name: '张三',age: 20
};

array表示数组,用方括号[]来定义,可以存储多个值。

var fruits = ['apple', 'banana', 'orange'];

function表示函数,可以定义函数并调用。

function sayHello() {console.log('Hello!');
}sayHello();

条件语句和循环语句

JavaScript中常用的条件语句包括if语句和switch语句。

if语句用于判断条件是否为真,根据条件执行相应的代码块。

var age = 18;if (age >= 18) {console.log('成年人');
} else {console.log('未成年人');
}

switch语句用于多个选项之间的选择。

var color = 'red';switch (color) {case 'red':console.log('红色');break;case 'blue':console.log('蓝色');break;default:console.log('其他颜色');
}

JavaScript中常用的循环语句有for循环和while循环。

for循环用于指定循环次数。

for (var i = 0; i < 5; i++) {console.log(i);
}

while循环用于在给定条件为真的情况下重复执行代码块。

var i = 0;while (i < 5) {console.log(i);i++;
}

JavaScript的数据类型详解

number类型

JavaScript的number类型可以表示整数和浮点数。

var a = 10; // 整数
var b = 3.14; // 浮点数

JavaScript的number类型还有一些特殊值,如Infinity表示正无穷大,-Infinity表示负无穷大,NaN表示非数字。

var c = Infinity;
var d = -Infinity;
var e = NaN;

string类型

JavaScript的string类型用于表示字符串。

var a = 'Hello, world!';
var b = "JavaScript";

字符串可以通过+运算符进行拼接。

var c = 'Hello, ' + 'JavaScript!';

string类型还有一些常用的方法,如length返回字符串的长度。

var str = 'Hello, world!';
console.log(str.length); // 13

boolean类型

JavaScript的boolean类型表示布尔值,只有truefalse两个值。

var a = true;
var b = false;

boolean类型常用于条件判断。

var age = 18;if (age >= 18) {console.log('成年人');
} else {console.log('未成年人');
}

null和undefined类型

JavaScript的null类型表示空值,表示一个空对象指针。

var a = null;

JavaScript的undefined类型表示未定义,表示一个未赋值的变量。

var b;
console.log(b); // undefined

object类型

JavaScript的object类型用于表示对象,对象是一种复合值,它可以包含多个键值对。

var person = {name: '张三',age: 20
};

对象的属性可以通过.运算符或[]运算符来访问。

console.log(person.name); // 张三
console.log(person['age']); // 20

array类型

JavaScript的array类型用于表示数组,数组是一种有序的列表。

var fruits = ['apple', 'banana', 'orange'];

数组的元素可以通过索引来访问,索引从0开始。

console.log(fruits[0]); // apple
console.log(fruits[1]); // banana

数组有一些常用的方法,如push用于在数组末尾添加一个元素。

fruits.push('grape');
console.log(fruits); // ['apple', 'banana', 'orange', 'grape']

function类型

JavaScript的function类型用于定义函数。

function sayHello() {console.log('Hello!');
}

函数可以接受参数,并返回结果。

function add(a, b) {return a + b;
}var result = add(1, 2);
console.log(result); // 3

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/806877.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

一网统管/安防监控/视频综合管理EasyCVR视频汇聚平台解决方案

一、当前现状分析 当前视频资源面临以下问题&#xff1a; 1&#xff09;不同单位在视频平台建设中以所属领域为单位&#xff0c;设备品牌众多&#xff0c;存在的标准不一&#xff0c;各系统之间也没有统一标准&#xff1b; 2&#xff09;各单位视频平台建设分散、统筹性差&a…

代码随想录--数组--二分查找

数组理论基础 数组是存放在连续内存空间上的相同类型数据的集合。 数组可以方便的通过下标索引的方式获取到下标下对应的数据。 举一个字符数组的例子&#xff0c;如图所示&#xff1a; 需要两点注意的是 数组下标都是从0开始的。 数组内存空间的地址是连续的。 正是因为数…

第十一届 蓝桥杯 单片机设计与开发项目 省赛

第十一届 蓝桥杯 单片机设计与开发项目 省赛 01 核心框架&#xff08;多界面显示&#xff0c;界面切换&#xff0c;参数设置&#xff09; bit Seg_Disp_Mode;//0-数据界面 1-参数界面 float Temperature; unsigned char Temp_Disp[2]; unsigned char Temp_Disp_Ctrol[2] {30,…

【vue】watch监听取不到this指向的数?

今天同事问我&#xff0c;watch里this指向的数值&#xff0c;别的地方却可以打印出来。工具也能看到数值&#xff0c;但打印出来却是undifined&#xff0c;先看看代码&#xff1a; 懒得打字了直接上截图吧 ps&#xff1a; 在Vue组件中&#xff0c;如果你在watch选项中访问this…

【Web2D/3D】WebGL和ThreeJS自学资料推荐

1. 前言 随着Web引入OpenGL&#xff08;WebGL&#xff09;&#xff0c;拓展了Web在可视化领域运用&#xff0c;尤其是促进3D领域的技术在Web前端的发展。而ThreeJS是基于WebGL做的上层封装&#xff0c;为开发者屏蔽空间几何的计算细节。当然为了学好WebGL/ThreeJS&#xff0c;计…

mysql 查询实战1-题目

学习了mysql 查询实战-变量方式-解答-CSDN博客&#xff0c;接着练习sql&#xff0c;从实战中多练习。 1&#xff0c;题目&#xff1a; 1&#xff0c;查询部门工资最高的员工 1&#xff0c;建表&#xff1a; DROP TABLE IF EXISTS department; create table department(dept_i…

【精选】发布应用到应用商店的基本介绍

摘要 本文旨在介绍如何在各大应用商店发布应用&#xff0c;包括市场选择、准备材料、上架步骤以及常见被拒原因及解决方法。通过详细的步骤和经验分享&#xff0c;帮助开发者顺利将应用推向市场。 引言 随着移动应用市场的不断发展&#xff0c;越来越多的开发者希望将他们的…

2024年能源环境、材料科学与人工智能国际会议(ICEEMSAI2024)

2024年能源环境、材料科学与人工智能国际会议(ICEEMSAI2024) 会议简介 2024国际能源环境、材料科学和人工智能大会&#xff08;ICEEMSAI 2024&#xff09;主要围绕能源环境、物质科学和人工智慧等研究领域&#xff0c;旨在吸引能源环境、先进材料和人工智能专家学者、科技人员…

sgg大数据全套技术链接[plus]

写在开头&#xff1a;感谢尚硅谷&#xff0c;尚硅谷万岁&#xff0c;我爱尚硅谷 111个技术栈43个项目&#xff0c;兄弟们&#xff0c;冲&#xff01; 最近小米又又又火了一把&#xff0c;致敬所有造福人民的企业和伟大的企业家&#xff0c;致敬雷军&#xff0c;小米&#xff…

跨域问题一文解决

&#x1f4dd;个人主页&#xff1a;五敷有你 &#x1f525;系列专栏&#xff1a;Vue ⛺️稳中求进&#xff0c;晒太阳 一、为什么会出现跨域的问题&#xff1f; 是浏览器的同源策略&#xff0c;跨域也是因为浏览器这个机制引起的&#xff0c;这个机制的存在还是在于安全…

C语言指针易混问题

1. 在此函数传参过程中&#xff0c;虽然p是指针&#xff0c;但此处传递等价于值传递而非地址传递&#xff0c;所以函数中对变量的改变不改变主函数中原有变量的值 2. 能修改的是变量&#xff0c;但常量不能被修改&#xff0c;否则会出现段错误&#xff0c;下图为错误示范

机器学习中的激活函数

激活函数存在的意义&#xff1a; 激活函数决定了某个神经元是否被激活&#xff0c;当这个神经元接收到的信息是有用或无用的时候&#xff0c;激活函数决定了对这个神经元接收到的信息是留下还是抛弃。如果不加激活函数&#xff0c;神经元仅仅做线性变换&#xff0c;那么该神经网…

产品经理应具备哪些素质呢?

目录 简介 产品经理素质 CSDN学院 作者简介 简介 刚毕业想做产品经理&#xff0c;或者想转行产品经理&#xff0c;该怎么入手呢&#xff1f; 很多人对产品经理有这样一个认知&#xff1a;就是空有一个经理的头衔&#xff0c;却没有任何实质的权利。 其实这是有误区的&am…

AI是什么?

介绍AI AI是一个韵母的发音&#xff0c;发音汉字有爱、哎、唉、艾、&#x1f614;、埃、矮、挨等。 没了 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 真没了 . . . . . . . . . . . . . . . . . …

日程安排组件DHTMLX Scheduler v7.0新版亮点 - 拥有多种全新的主题

DHTMLX Scheduler是一个类似于Google日历的JavaScript日程安排控件&#xff0c;日历事件通过Ajax动态加载&#xff0c;支持通过拖放功能调整事件日期和时间&#xff0c;事件可以按天、周、月三个种视图显示。 备受关注的DHTMLX Scheduler 7.0版本日前正式发布了&#xff0c;如…

资深大佬养成之路:Java中关于List集合选择与使用(二)

本系列文章简介&#xff1a; 作为一个Java程序员&#xff0c;我们经常会遇到需要处理大量数据的情况。而在处理数据时&#xff0c;我们常常需要使用到集合这种数据结构。而在集合中&#xff0c;List是最常用的一种。 List是一种有序的集合&#xff0c;它可以存储任意类型的对象…

基于react native的原生iOS 微信登录

基于react native的原生iOS 微信登录 引入SDK&#xff1a;WechatOpenSDK-XCFramework.xcframeworkios 创建CustomerWxLogin类CustomerWxLogin.hCustomerWxLogin.m react native端调用创建wxLogin.js用于架起桥梁连接ios原生代码在页面中使用 微信open SDK 引入SDK&#xff1a;W…

Flutter 与Android 原生通信的3种基本方式的使用

一、Flutter 与 原生通信的三种基本方式以及使用场景 1.MethodChannel 主要是用于Flutter调用原生的方法(执行一个原生的行为更合适) 2.BasicMessageChannel 用于Flutter Native双向流式通信 3.EventChannel 主要用于Native平台单独向Flutter发送事件消息流,更强调单向用…

小程序项目思路分享爬虫

小程序项目思路分享爬虫 具体需求&#xff1a; 有这几个就行&#xff0c;门店名称门店地址门店类型&#xff0c;再加上省、市、县/区门店名称&#xff1a;storeName 门店地址&#xff1a;storeAddress 程序运行&#xff1a; honor_spider获取经纬度信息。 经纬度——>详…

「PHP系列」PHP 命名空间详解

文章目录 一、PHP命名空间1. 声明命名空间2. 使用命名空间3. 命名空间的作用范围4. 子命名空间5. 全局命名空间和非命名空间代码6. 命名空间与自动加载 二、PHP命名空间使用1. 基本使用2. 子命名空间3. 全局函数和常量4. 结合自动加载 三、相关链接 一、PHP命名空间 PHP 的命名…