1、Javascript基础1

最新推荐文章于 2024-08-21 09:28:33 发布
最新推荐文章于 2024-08-21 09:28:33 发布
阅读量34 收藏
点赞数
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zqk6442/article/details/130247607
版权

文章目录

## JavaScript基础

1、概念

​ JavaScript 诞生于 1995 年。由Netscape(网景公司)的程序员Brendan Eich(布兰登)与Sun公司联手开发一门脚本语言, 最初名字叫做Mocha，1995年9月改为LiveScript。12月，Netscape公司与Sun公司（Java语言的发明者）达成协议，后者允许将这种语言叫做JavaScript。这样一来，Netscape公司可以借助Java语言的声势。1996年3月， Netscape公司的浏览器Navigator 2.0浏览器正式内置了JavaScript脚本语言. 此后其他主流浏览器逐渐开始支持JavaScript. 谷歌浏览器，火狐浏览器， IE浏览器， 欧朋浏览器， Safari浏览器

JavaScript组成：

  • ECMAScript : 包含JS语法
  • BOM ： Brower Object Model 和浏览器相关的操作
  • DOM ： Document Object Model 和页面内容相关的操作

2、 JavaScript引入

  • 导入内部JavaScript:

    <script type="text/javascript"></script>

  • 在标签中间写js代码:

    第一句javascript代码：alert(“hello world!”) ;

    第二句javascript代码：document.write(“亲，我在页面上，跟alert不一样噢！”);

    第三句javascript代码：console.log(“我是在控制台打印的, 以后常用我！”);

    注意: document.write可以输出任何HTML的代码

  • script标签

    • script标签可以出现多次, 且可以出现在html文件的任何地方
    • 同一个文件中Javascript和HTML代码, 它们的执行顺序都是自上而下，谁在前就谁先执行, 谁在后就后执行.

  • JavaScript的注释

    • 单行注释: //
    • 多行注释 /* */

  • 外部javaScript文件引入：

    <script type="text/javascript" src="demo1.js" ></script>

    注意：

    • 在引入了外部文件的标签中写代码会无效
    • src 表示要引入的外部文件

3、 JavaScript变量和数据类型

3.1 JavaScript变量

  • 变量定义(使用var关键字)：

    var age;

    ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。

    //   var
// 使用 var 关键字声明的变量不具备块级作用域的特性，它在 {} 外依然能被访问到。
{ 
    var x = 2; 
}
// 这里可以使用 x 变量

****************************************
    
// let
// let 声明的变量只在 let 命令所在的代码块内有效(块级作用域)。
{ 
    let x = 2;
}
// 这里不能使用 x 变量

******************************************
    
// 使用 var 关键字重新声明变量可能会带来问题。
// 在块中重新声明变量也会重新声明块外的变量：
var x = 10;
// 这里输出 x 为 10
{ 
    var x = 2;
    // 这里输出 x 为 2
}
// 这里输出 x 为 2

// let 关键字就可以解决这个问题，因为它只在 let 命令所在的代码块 {} 内有效。
var x = 10;
// 这里输出 x 为 10
{ 
    let x = 2;
    // 这里输出 x 为 2
}
// 这里输出 x 为 10

/*  
循环作用域
使用了 var 关键字，它声明的变量是全局的，包括循环体内与循环体外。
使用 let 关键字， 它声明的变量作用域只在循环体内，循环体外的变量不受影响。
*/

    const 声明一个只读的常量，一旦声明，常量的值就不能改变。

    // const 用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改：
const PI = 3.141592653589793;
PI = 3.14;      // 报错
PI = PI + 10;   // 报错

  • 赋值：

    age = 20;

  • 定义的同时赋值：

    var age = 20；

  • 可以一次定义多个变量：

    var name="zhangsan", age=18, weight=108;

  • JS是弱数据类型的语言，容错性较高, 在赋值的时候才确定数据类型

    var temp;           //temp是什么数据类型？不确定      
temp = 12;            //temp变量是数字类型      
temp = "hello";      //temp变量变成了字符串类型      
console.log(typeof temp);  // 查看temp数据类型

  • 变量的命名规范

    • 变量名可以是数字,字母,下划线_和 **美元符 $ **组成;
    • 第一个字符不能为数字
    • 不能使用关键字或保留字
    • 标识符区分大小写，如：age和Age是不同的变量。但强烈不建议用同一个单词的大小写区分两个变量。
    • 变量命名尽量遵守驼峰原则: myStudentScore小驼峰， 大驼峰MyStudentScore
    • 变量命名尽量见名思意, age, users 数组

3.2 JavaScript数据类型

  • JS数据类型一般可以分为:

    • Boolean: 布尔类型 : true, false
    • Number：数字（整数int，浮点数float）
    • String：字符串
    • Object：对象{ } 数组Array [ ]

    特殊数据类型

    • Null
    • Undefined

    注意: 变量的类型在赋值时才能确定

  • Undefined类型:

    Undefined 类型只有一个值，即特殊的 undefined。

    在使用 var 声明变量，但没有对其初始化时，这个变量的值就是 undefined

    例如:

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

    注意: 我们在定义变量的时候， 尽可能的不要只声明，不赋值, 而是声明的同时初始化一个值。

  • Null 类型:

    Null 类型是一个只有一个值的数据类型，即特殊的值 null。

    它表示一个空对象引用(指针)，而 typeof 操作符检测 null 会返回 object。

    例如:

    var b = null;   
console.log(typeof b);

    注意： undefined 是派生自 null 的，因此 ECMA-262 规定对它们的相等性测试返回 true, 表示值相等， 但是两者的数据类型是不一样的。

    例如:

    console.log(undefined == null);  //true
var b，car = null;   
console.log(typeof b== typeof car);  //false
  • Boolean类型:

    Boolean 类型有两个值：true和false。

    而true一般等于1，false一般等于0。

    JavaScript 是区分大小写的，True和False或者其他都不是Boolean类型的值。

    例如:

    var b= true;  
console.log(typeof b);

    Boolean 类型的转换规则: (牢记)

    • String: 非空字符串为true, 空字符串为false
      • Number: 非0数值为true, 0或者NaN为false
      • Object: 对象不为null则为true, null为false
      • Undefined : undefined为false
  • Number类型:

    Number 类型包含两种数值：整型和浮点型.

    • 整型:
    var b = 100;    
console.log(b);
    • 浮点类型:
    var b = 3.8;
var b = 0.8;
var b = .8;	//有效，但不推荐此写法

    由于保存浮点数值需要的内存空间比整型数值大两倍，因此 ECMAScript 会自动将可以 转换为整型的浮点数值转成为整型。 整数: 4字节， float: 8字节

    常见单位换算：

    ​ 1位=0/1，

    ​ 1byte=8位

    ​ 1kb=1024byte,

    ​ 1MB=1024kb,

    ​ 1GB=1024MB,

    ​ 1TB=1024GB,

    ​ 1PB=1024TB,

    ​ 1EB=1024PB,…

    var b = 8.0;	//小数点后面没有值，转换为8
var b = 12.0;	//小数点后面是0，转成为12对于那些过大或过小的数值，
    科学技术法:

    ​ 用 e 表示该数值的前面 10 的指数次幂。

    var box = 4.12e5;	//即 412000
var box = 0.0000412;	//即 4.12e-5

    浮点数值的范围在：Number.MIN_VALUE ~ Number.MAX_VALUE 之间, 如果超过了浮点数值范围的最大值或最小值，那么就先出现 Infinity(正无穷)或-Infinity(负无穷)。

NaN:

即非数值(Not a Number)是一个特殊的值     

这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。

  • 比如:

    • 在其他语言中, 任何数值除 以 0 都会导致错误而终止程序执行。但在ECMAScript中，会返回出特殊的值，因此不会影响程序执行。

      var b = 0/0;    //NaN
var b = 12/0;  //Infinity
var b = 12/0 * 0;  //NaN

    ECMAScript 提供了 isNaN()函数，用来判断是不是 NaN。isNaN()函数在接收到一个值之后，会尝试将这个值转换为数值。

    console.log(isNaN(NaN));   //true
console.log(isNaN(25));	  //false，25 是一个数值
console.log(isNaN('25'));   //false，'25'是一个字符串数值，可以转成
console.log(isNaN('zhangsan'));     //true，'zhangsan'不能转换为数值
console.log(isNaN(true));        //false   => true 可以转成成 1
  • 数据类型转换：

    字符串转换数字类型：

    • parseInt() 是把其它类型转换为整型
    • parseFloat() 是把其它类型转换为浮点型（小数）

4、 JavaScript运算符

4.1 JS运算符归纳

  • 算术运算符 ： +，-, *, /, %(取余数)*
  • 字符串和变量的拼接： +
  • 关系运算符 ： <、>、<=、>=、==、===、!=, !==
  • 逻辑运算符 ： && 与(且)、|| 或、!
  • 赋值运算符和复合运算符 ： =、+=、-=、*=、/=、%=
  • 一元运算符（自增、自减） ： ++a, a++, --a, a--
  • 三目运算符： ? :

4.2 一元运算符

  • 一元运算符：

    只有一个操作数的运算符

  • 例如：

    var a = ++b;  //加后取值 先执行加法运算, 再取值	
var a = b++; //加前取值 先取值, 再执行加法运算

4.3 关系运算符

  • 关系运算符:

    用于进行比较的运算符.

  • 关系运算符有:

    小于(<)、大于(>)、小于等于(<=)、大于等于(>=)、相等()、不等(!=)、全等(恒等)(=)、不全等(不恒等)(!==)

  • 关系运算符的比较规则:

    • 数字和数字比较, 直接比较大小
    • 数字和字符串比较, 字符串转换为数字后再比较
    • 字符串和字符串比较, 进行字符的ASCII码值比较

  • 注意事项:

    • 布尔值 ture=1, false=0
    • 只要不等于NaN, 就是true,其他有NaN的运算都为false
    • 如果要恒等, 则必须值和类型都要相等;

关系运算符特殊值：

运算值
null == undefinedtrue
‘NaN’ == NaNfalse
5 == NaNfalse
NaN == NaNfalse
false == 0true
true == 1true
true == 2false
undefined == 0false
null == 0false
‘100’ == 100true
‘100’ === 100false

4.4 逻辑运算符

​ 逻辑与 &&：

​ 短路操作，如果第一个操作数返回是 false，第二个数不管是true还是false都会返回false。

​ 逻辑或|| ：

​ 短路操作，当第一操作数的求值结果为 true， 就不会对第二个操作数求值了。

​ 逻辑非(NOT)：!

4.5 赋值运算符:

​ 如: +=, -=, *=, /=, %= 等

4.6 三目运算符:

​ 三目运算符符号： ? :

5、分支语句

5.1 if分支

  • if单分支:

    if （1） {
  console.log(1);
}

  • if双分支

    if (a >= 18) {
  console.log("成年了");
}
else {
  console.log("小屁孩");
}

  • if多分支

  if (score >= 90) {
    console.log("成绩优秀");
  }
  else if (score >= 60) {
    console.log("及格了");
  }
  else {
    console.log("不及格");
  }

5.2 switch分支(扩展)

var grade = "A";
switch(grade) {
  case "A":
  	console.log("优秀");
  	break;
  case "B":
  	console.log("良好");
  	break;
  case "C":
  	console.log("一般");
  	break;
  default: 
  	console.log("其他情况");
}

5.3 循环

  • while循环
    // 计算1+2+...+100
var i = 1;
var sum = 0;
while (i <= 100) {
  sum += i;
  i++;
}
console.log(sum);
  • for循环
    // 计算1+2+...+100
var sum = 0;
for (var i=1; i<=100; i++) {
  sum += i;
}
console.log(sum);
  • for-in循环

    JavaScript中的for-in：从头遍历到尾，需要提供现成的数组

    var arr = [1,2,3,4]
for (var i in arr) {
  console.log(i, arr[i]);
}
zqk6442
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2.NoSQL之Redis配置与优化.doc
07-12
2.NoSQL之Redis配置与优化.doc
NOSQL之Redis配置与优化
微光
08-26 458
若在服务器上只运行一个Redis进程，当多个客户端同时访问时，服务器的处理能力是会有一定程度的下降：若在同一台服务器上开启多个Redis进程，Redis在提高并发处理能力的同时会给服务器的cPU造成很大压力。比如所有购买某–电子设备的客户ID被存储在一个指定的Set中，而购买另外一种电子产品的客户ID被存储在另外一个Set中，如果此时我们想获取有哪些客户同时购买了这两种商品时，Set的intersections 命令就可以充分发挥它的方便和效率的优势了。redis的集群一般需要6个节点，3主3从。...
NoSQL之Redis配置与优化
Z__Cheng的博客
06-25 628
NoSQL之Redis配置与优化
NoSQL之redis配置与优化（启示录）
ver_mouth__的博客
06-30 934
目录一：关系型数据库和非关系型数据库概述1.1关系型数据库1.2非关系型数据库二：关系型数据库和非关系型数据库的区别2.1数据存储方式不同2.2扩展方式不同2.3对事务性的支持不同2.4关系型数据库和非关系型数据库的优点2.4.1关系型数据库2.4.2非关系型数据库三：非关系型数据库产生的背景四：Redis概述4.1redis简介4.2redis优点4.3redis为什么这么快？五：Redis安装部署5.1关闭防火墙和SElinux5.2安装gcc gcc-c++编译器5.3切换至/opt目录，把下载好的安
nosql之redis配置与优化
weixin_48118868的博客
12-20 830
文章目录1.数据库1.1非关系型数据库产生背景1.2 Redis简介1.3Redis优点1.4Redis和Memcached区别2.Redis数据类型2.1 String（字符串）2.1.1实例2.2Hash（哈希） 1.数据库 sql：结构化数据库，可通过二维表格形式表述这个数据，存储结构化数据，别称关系型数据库 nosql：非结构化数据库，存储非结构化数据，别称非关系型数据库，例：Redis、Memcached 1.1非关系型数据库产生背景 High performance–对数据库高并发读写需求 Hu
noSQL之Redis配置与优化
Y_S_J_112的博客
11-09 960
Redis(远程字典服务器)是一个 开源的、使用C语言编写的NoSQL 数据库。Redis基于内存运行并支持持久化，采用key-value **(键值对)的存储形式，**是目前分布式架构中不可或缺的一环。Redis服务器程序是单进程模型，也就是在一台服务器上可以同时启动多个Redis进程，Redis的实际处理速度则是完全依靠于主进程的执行效率。若在服务器上只运行一个Redis进程，当多个客户端同时访问时，服务器的处理能力是会有一定程度的下降；
NoSQL之 Redis配置与优化
热门推荐
挣钱买索尼
02-23 1万+
NoSQL之 Redis配置与优化关系数据库与非关系型数据库关系型数据库和非关系型数据库区别:Redis简介Redis 安装部署Redis 命令工具Redis 数据库常用命令Redis 高可用Redis 持久化RDB 持久化AOF 持久化RDB和AOF的优缺点Redis 性能管理 关系数据库与非关系型数据库 ●关系型数据库： 关系型数据库是一个结构化的数据库，创建在关系模型（二维表格模型）基础上，一般面向于记录。 SQL 语句（标准数据查询语言）就是一种基于关系型数据库的语言，用于执行对关系型数据库中数据的
Nosql之Redis配置与优化
BWL1998的博客
06-26 367
关系型和非关系型数据库的主要差异是数据存储的方式。关系型数据天然就是表格式的，因此存储在数据表的行和列中。数据表可以彼此关联协作存储，也很容易提取数据。 与其相反，非关系型数据不适合存储在数据表的行和列中，而是大块组合在一起。非关系型数据通常存储在数据集中，就像文档、键值对或者图结构你的数据及其特性是选择数据存储和提取方式的首要影响因素。sQL和NoSOL数据库最大的差别可能是在扩展方式上，要支持日益增长的需求当然要扩展。 要支持更多并发量，SQL数据库是纵向扩展，也就是说提高处理能力，使用速度更快速的计算
Python编码系列—Python SQL与NoSQL数据库交互：深入探索与实战应用
u013889591的专栏
08-17 926
在数据驱动的现代应用开发中，数据库扮演着核心角色。Python作为一种灵活的编程语言，提供了与SQL和NoSQL数据库交互的强大工具。本文将深入探讨Python如何与SQL和NoSQL数据库进行交互，并展示在实际项目中的应用案例。SQL（Structured Query Language）数据库以其结构化查询和事务性操作而广受欢迎。而NoSQL（Not Only SQL）数据库则以其灵活的数据模型、水平扩展能力和高性能等特点，应对了大数据和高并发的挑战。
【速览】Redis（更新中）
椰子的职场成长记录
08-20 524
Redis 支持多种数据结构，如字符串（strings）、哈希（hashes）、列表（lists）、集合（sets）、有序集合（sorted sets）等。持久化：Redis 支持两种持久化方式，RDB（快照）和 AOF（追加文件），以确保数据在重启后不会丢失。原子操作：Redis 的所有操作都是原子的，这使得它非常适合于需要高并发和数据一致性的场景。Lua 脚本：Redis 支持在服务器端执行 Lua 脚本，可以用于实现复杂的业务逻辑。事务支持：Redis 支持事务，可以将多个命令打包在一起执行。
Mongodb、redis、mysql、mssql、oracle、PostgreSQL服务简介和默认运行端口
2301_77000936的博客
08-18 475
MongoDB 简介: MongoDB 是一个开源的 NoSQL 文档数据库,使用类似 JSON 的 BSON 格式存储数据。它是一个高性能、高可用、自动伸缩的分布式数据库。 默认端口: 27017 Redis 简介: Redis 是一个开源的内存数据库,常用作缓存和消息队列代理。它支持多种数据结构,如字符串、哈希、列表、集合等,并且具有持久化功能。 默认端口: 6379 MySQL 简介: MySQL 是一个开源的关系型数据库管理系统,使用传统的关系数据库模型。它是最流行的开源数据库之一,
Redis中String数据类型常用命令
m0_65347933的博客
08-16 475
Redis中String数据类型常用命令：1、基本操作；2、计数与长度；3、设置和获取部分值；4、过期与持久化
redis set（集合）类型
Life_winner_king的博客
08-18 342
6. smove key1 key2 member: 把member从key1挪到key2(如果key1中和key2中都有，会先删除key1中的元素)8.siner key key2[key ...](每个key都是一个集合)：交集（算好的交集存到key中）9.suion key key2[key ...]：并集 (算好的交并集存到key中)10.sdiff key key2[key ...]差集 (算好的差集存到key中)5.srandmember key count:随机查看count个元素。
redis I/O复用机制
笑笑布丁的博客
08-16 824
epoll是linux提供的I/O复用API，是一种事件驱动的I/O模型，它可以用于高效地处理大量的并发连接。其中，'e’代表"event"（事件），意味着epoll可以监测并响应特定的事件，如文件描述符上的读写事件、错误事件等。用一个进程监听大量连接，当某个连接可读/可写的时候，系统就发送事件通知进程处理该连接的数据。串行化处理，就是要等，假如进行到accept操作，cpu需要等待客户端发送的数据到tcp接收缓冲区才能进行read操作，而在此期间cpu不能执行任何操作。
SpringCache操作Redis
m0_65450831的博客
08-18 591
读完本文直接上手SpringCache操作Redis
Java中的分布式缓存解决方案：Redis与Ehcache
最新发布
weixin_53840353的博客
08-21 873
Redis： Redis 是一个开源的内存数据结构存储，用作数据库、缓存和消息代理。它支持多种数据结构，如字符串、哈希、列表、集合和有序集合。Redis具有高性能、持久化、分布式等特性。Ehcache： Ehcache 是一个开源的、面向Java的缓存库，它简洁而强大，提供内存和磁盘缓存、分布式缓存等功能。Ehcache与Spring框架集成良好，适用于许多企业级应用。本文介绍了Redis与Ehcache两种Java中的分布式缓存解决方案，并通过代码示例演示了它们的实际使用方法。
【Redis】Redis典型应用-分布式锁
qq_55119554的博客
08-16 1835
Redis作为分布式锁！！！
Redis的缓存淘汰策略
qq_38217393的博客
08-17 963
​​​​​​​定期删除策略的难点是确定删除操作执行的时长和频率：如果删除操作执行得太频繁或者执行的时间太长，定期删除策略就会退化成立即删除策略，以至于将CPU时间过多地消耗在删除过期键上面。如果删除操作执行得太少，或者执行的时间太短，定期删除策略又会和惰性删除束略一样，出现浪费内存的情况。定期删除策略的难点是确定删除操作执行的时长和频率：如果删除操作执行得太频繁或者执行的时间太长，定期删除策略就会退化成立即删除策略，以至于将CPU时间过多地消耗在删除过期键上面。
Redis模型中Geospatia、HyperLogLog、Bitmap使用
Xwz的博客
08-16 363
【代码】redis模型中Geospatia、HyperLogLog、Bitmap使用。
性能测试-性能监控分析与调优（三）《实战-CPU瓶颈分析、内存问题分析、gc、tomcat性能调优，数据库监控-redis\mysql》
qq_35283902的博客
08-17 1115
在性能测试中，OOM问题通常表明被测试的系统或应用在内存管理方面存在问题，可能是因为内存泄露、内存分配不当或者内存需求超过了系统可用的最大内存。开启此功能，在Nginx配置有多个server_name的情况下，会根据不同的server_name进行流量的统计，否则默认会把流量全部计算到第一个server_name上。GC（垃圾回收）频率和耗时：在一些使用自动内存管理的语言中（如Java、C#），频繁的垃圾回收操作可能表明存在内存泄露问题，尤其是当GC操作占用的CPU时间显著增加时。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值