首页 > 编程语言 >《从0到1:JavaScript快速上手》笔记(一)

《从0到1:JavaScript快速上手》笔记(一)

时间:2023-08-08 12:22:51浏览次数:39  
标签:false 变量 快速 JavaScript 笔记 运算符 var true

一、两个十分有用的方法

document.write():表示在页面输出一个内容

alert():表示弹出一个对话框

二、变量与常量

在JavaScript中,变量指的是一个可以改变的量,也就是说,变量的值在程序运行过程中是可以改变的。

(1)在JavaScript中,给一个变量命名,我们需要遵循以下2个方面的原则。

变量有字母、下划线、$或数字组成,并且第一个字母必须是字母、下划线或$.

变量不能是系统关键字和保留字。

举例:错误的命名

123n          //不能以数字开头

-study        //不能以中划线开头

my-title      //不能包含中划线

continue    //不能跟系统关键字相同

(2)所有JavaScript变量都有var声明。

语法               var 变量名=值;

在JavaScript中,常量指的是一个不能改变的量。也就是说,常量的值从定义开始就是固定的,一直到程序结束都不会改变。

在JavaScript中,我们可以把常量看做一种特殊的变量,之所以特殊,是因为他的值是不会变得。一般情况下,常量名全部采用大写形式,这样一看就知道这个值很特殊,有特殊用途,如var DEBUG=1。

三、数据类型

所谓的数据类型,就是值的类型,如上图“值”的类型。

数据类型可以分为两种:一种是“基本数据类型”,另外一种是“引用数据类型”。(Undefined, Null, Boolean, Number,String和一种复杂类型Object)

基本数据类型有5中:数字、字符串、布尔值、未定义值和空值。

在JavaScript中,未定义值指的是一个变量虽然已经用了var声明了,但是并没有对这个变量进行赋值,如:var n;此时该变量的值就是“未定义值”,其中,未定义值用undefined表示。

如果一个变量的值等于null,如:var n=null;,则表示系统没有给这个变量n分配内存空间。

常见的引用数据类型只有一种:对象(数组也是属于对象的一种)。

四、常见的运算符有以下5种

算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符

1、算术运算符 (主要有加法运算符、自增运算符、自减运算符)

(1)加法运算符

数据+数字=数字              //var a=10+5;                             值为:15

字符串+字符串=字符串  //var b="从0到1“+”系列图书”;   值为:从0到1系列图书

字符串+数字=字符串     //var c="今年是“+2023;              值为:今年是2023

(2)自增运算符/自减运算符

i++指的是在使用i之后,再让i的值加上1,举例如下

i=1;

j=i++;

上面这段代码等价于下面的代码。

i=1;

j=i;

i=i+1;

因此,上面执行的结果:i=2;j=1.

++i;指的是在使用i之前,先让i的值加上1,举例如下

i=1;

j=++i;

上面这段代码等价于下面的代码。

i=1;

i=i+1;    //也就是i=2了

j=i;          //由于此时i的值变为2了,所以j为2

因此,上面执行的结果:i=2,j=2。

2、赋值运算符

赋值运算符用于将右边的表达式的值保存到左边的变量中

3、比较运算符

 在JavaScript中,比较运算符用于将运算符两边的值或表达式进行比较,如果比较结果是对的,则返回true;如果比较结果是错的,则返回false

 4、逻辑运算符

在JavaScript中,逻辑运算符用于执行“布尔值的运算”,它常常和比较运算符结合在一起使用。常见逻辑运算符有3种,如下表所示。

在JavaScript中,如果双与号(&&)两边的值都为true,则结果返回true;如果有一个为false或者两个都为false,则结果返回false。

在JavaScript中,如果双竖杠(||)两边的值都为false,则结果返回false;如果有一个为true或者两个都为true,则结果返回true。

在JavaScript中,非运算跟与运算、或运算不太一样,非运算操作的对象只有一个。当英文叹号(!)右边的值为true时,最终结果为false;当英文叹号(!)右边的值为false时,最终结果为true。

 

 5、条件运算符

条件运算符,也叫“三目运算符”。在JavaScript中,条件运算符用英文问号(?)表示。

 说明:

当条件为true时,我们选择的是“表达式1”,也就是“var a=表达式1”;当条件为false时,我们选择的是“表达式2”,也就是“var a=表达式2”。

条件运算符其实是很简单的,也就是“二选一”。就好比有两个女生在你面前,也许你都喜欢,但是无奈最终只能选择其中一个做女朋友。

 

标签:false,变量,快速,JavaScript,笔记,运算符,var,true
From: https://www.cnblogs.com/threestars/p/17613836.html

相关文章

  • RotatE 学习笔记
    目录RotatEWhatisRotatE?MotivationModelNegativesamplingLossfunctionExperimentsOthersSummaryRotatEpaper:RotatE:KnowledgeGraphEmbeddingbyRelationalRotationinComplexSpaceWhatisRotatE?本文是北大和加拿大的研究团队发表在ICLR2019上的文章,提出了......
  • 图论学习笔记
    图图论绘图在线图是由若干给定的顶点及连接两顶点的边所构成的图形,这种图形通常用来描述某些事物之间的某种特定关系。顶点用于代表事物,连接两顶点的边则用于表示两个事物间具有这种关系!点一般用字母v表示,如v1,v2,v3,v4一些简单的术语:路径:一些边组成的序列,满足第一条边的终点......
  • RocketMQ Linux单机测试:简易快速部署指南及Dashboard控制台部署
    目录简介开始下载增加环境变量修改启动文件jvm大小修改rocketmq配置文件启动快速测试关闭Dashboard下载Dashboard已编译jar包网盘下载启动命令可能遇到的问题写在最后简介请注意,本博客仅供初期测试时快速部署之用,以节省时间避免不必要的问题。如需在生产环境部署,请参考其他可靠......
  • NineData|如何快速完成MySQL数据的差异对比?
    在现代商业环境中,数据库是企业存储核心数据的重要工具,而MySQL作为最受欢迎的关系型数据库管理系统,广泛应用于各行各业。在容灾、数据迁移、备份恢复等场景下,为了确保两端或多端之间数据的一致性,通常需要对数据进行一致性对比。而数据对比的传统做法 “人工抽检” 通常需要进......
  • JavaScript中16进制颜色与rgb颜色互相转换
    16进制转rgbfunctionhexToRgba(hex,opacity){if(!hex)hex='#ededed';letrgba='rgba('+parseInt('0x'+hex.slice(1,3))+','+parseInt('0x'+hex.slice(3,5))+','+......
  • protobuf学习笔记
    1下载protoc编译器源代码和可执行文件下载:下载地址可根据不同的系统,下载对应的可执行文件,用于编译.proto文件示例C++的命令方式为:protoc.exe--cpp_out=./demo.proto,就可以生成对应的demo.pb.h和demo.ph.cc源代码安装vcpkg下载地址forwindows:>gitclonehttps://githu......
  • win7系统笔记本作为wifi热点提供无线连接
    只有有线没有路由器的可以用win系统的笔记本设置,给手机或者其他的笔记本提供无线连接 步骤如下:首先确认你的无线网卡可以使用。在开始菜单中依次找到“所有程序”--“附件”--“命令提示符”,右键“以管理员身份运行”。如下图所示:在“命令提示符”里输入“netshwlansethost......
  • 笔记 | 类数组与数组扁平化
    一、类数组Array-like在日常中能接触到的类数组有这么几个:参数对象arguments;通过querySelector获取的NodeList;NodeList对象是节点集合,NodeList可以使用for...of来迭代,在一些情况下,NodeList是一个实时合集;通过函数:getElementsByTagNamegetElementsByClass......
  • SpringSecurity1: spring boot web 样例快速体验
    本文只讲操作实践,不讲原理,这样对于想快速搭建起一个基于SpringSecurity的Web项目的朋友们而言,比较友好。文章主要由两部分构成:快速演示样例所有账户和授权数据均基于内存,能在极短的时间内搭建和运行起来,可以快速体验SpringSecurity简易生产样例建议想参考原型,在自己工程中......
  • JavaScript 基础(1) - 笔记
    1JavaScript基础1.1JavaScript是什么1.JavaScript(是什么?)是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。2.作用(做什么?)网页特效(监听用户的一些行为让网页做出对应的反馈)表单验证(针对表单数据的合法性进行判断)数据交互(获取后台的数据,渲染到前端)服务端编程(node.js......