1.基础部分

最后更新于:2022-04-01 22:08:05

[TOC] ##基本概念 `javascript`是一门解释型的语言,浏览器充当解释器。`js`执行时,在同一个作用域内是先解释再执行。解释的时候会编译`function`和`var`这两个关键词定义的变量,编译完成后从上往下执行并向变量赋值。 ### 区分大小写 `ECMASCript`中的一切(包括变量,函数名和操作符)都区分大小写。 ##1. 变量 变量在第一次用到时就设置于内存中,便于后来在脚本中引用。使用变量之前先进行声明。可以使用 `var` 关键字来进行变量声明。 `var count, amount, level; // 用单个 var 关键字声明的多个声明。` ### 变量命名 变量名包括全局变量,局部变量,类变量,函数参数等等,他们都属于这一类。 变量命名都以类型前缀+有意义的单词组成,用驼峰式命名法增加变量和函式的可读性。例如:`sUserName,nCount。` 前缀规范: 每个局部变量都需要有一个类型前缀,按照类型可以分为: ``` s:表示字符串。例如:sName,sHtml; n:表示数字。例如:nPage,nTotal; b:表示逻辑。例如:bChecked,bHasLogin; a:表示数组。例如:aList,aGroup; r:表示正则表达式。例如:rDomain,rEmail; f:表示函数。例如:fGetHtml,fInit; o:表示以上未涉及到的其他对象,例如:oButton,oDate; g:表示全局变量,例如:gUserName,gLoginTime; ``` `JScript` 是一种区分大小写的语言。创建合法的变量名称应遵循如下规则: > 注意第一个字符不能是数字。 > > ``` > 后面可以跟任意字母或数字以及下划线,但不能是空格 > 变量名称一定不能是 保留字。 > > ``` `javascript`是一种弱类型语言,`JavaScript` 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。 `var`是`javascript`的保留字,表明接下来是变量说明,变量名是用户自定义的标识符,变量之间用逗号分开。 如果声明了一个变量但没有对其赋值,该变量存在,其值为`Jscript` 值 `undefined`。 ### 强制类型转换 在 `Jscript` 中,可以对不同类型的值执行运算,不必担心 `JScript` 解释器产生异常。相反,`JScript` 解释器自动将数据类型之一改变(强制转换)为另一种数据类型,然后执行运算。例如: | 运算 | 结果 | | -- | -- | | 数值与字符串相加 | 将数值强制转换为字符串。 | | 布尔值与字符串相加 | 将布尔值强制转换为字符串。 | | 数值与布尔值相加 | 将布尔值强制转换为数值。 | 要想显式地将字符串转换为整数,使用 `parseInt` 方法。要想显式地将字符串转换为数字,使用 `parseFloat` 方法。 `JavaScript` 变量的生存期:当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。 如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。 ### js变量思维导图 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-20_573eb14c43449.gif) ##2.js的数据类型 jscript 有三种\>主要数据类型、两种\>复合数据类型和两种\>特殊数据类型。 ### 主要(基本)数据类型 ``` 字符串 数值 布尔 ``` ### 复合(引用)数据类型 ``` 对象 数组 ``` ### 特殊数据类型 ``` Null Undefined ``` 字符串数据类型:字符串数据类型用来表示 `JScript` 中的文本。在`js`中,虽然双引号("")和单引号('')均可表示字符串,而且它们几乎没有任何区别。但只使用`双引号`("")来表示字符串被认为是最佳的。 一个字符串值是排在一起的一串零或零以上的 `Unicode` 字符(字母、数字和标点符号)。 ### 什么是Unicode? `Unicode`为每个字符都提供了唯一的数值,不管是什么平台、什么程序或什么语言。开发`unicode`是为了给处理世界上存在的所有字符提供统一的编码。 ### 数值数据类型 我们需要明白一点,`JScript` 内部将所有的数值表示为浮点值,因此,在 `Jscript` 中整数和浮点值没有差别。 ### Boolean数据类型 布尔(逻辑)只能有两个值:`true` 或 `false`。 ##3.js数组和对象 Null 数据类型:可以通过给一个变量赋 null 值来清除变量的内容。 `Jscript`中 `typeof` 运算符将报告 `null` 值为 `Object` 类型,而非类型 `null`。 ``` ``` `null`用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。 `Undefined` 数据类型: 如下情况将返回 `undefined` 值: ``` 对象属性不存在, 声明了变量但从未赋值。 ``` ### null和undefined的区别 ``` alert(typeof undefined); //output "undefined" alert(typeof null); //output "object" alert(null == undefined); //output "true" ``` `ECMAScript`认为`undefined`是从`null`派生出来的,所以把它们定义为相等的。 ``` alert(null === undefined); //output "false" alert(typeof null == typeof undefined); //output "false" ``` `null`与`undefined`的类型是不一样的,所以输出"`false`"。而===代表绝对等于,在这里`null === undefined`输出`false` ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-20_573eb14c61848.gif) 另外,这里介绍一种比较重要的数据类型——引用数据类型 ### 引用数据类型 `javascript`引用数据类型是保存在堆内存中的对象,`JavaScript`不允许直接访问堆内存空间中的位置和操作堆内存空间,只能通过操作对象在栈内存中的引用地址。所以引用类型的数据,在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存在堆内存中的对象。 下面我们来演示这个引用数据类型赋值过程 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-20_573eb14c7b068.png) 自然,给`obj2`添加`name`属性,实际上是给堆内存中的对象添加了`name`属性,`obj2`和`obj1`在栈内存中保存的只是堆内存对象的引用地址,虽然也是拷贝了一份,但指向的对象却是同一个。故而改变`obj2`引起了`obj1`的改变。 基本类型值指的是那些保存在栈内存中的简单数据段,即这种值完全保存在内存中的一个位置。 而引用类型值则是指那些保存在堆内存中的对象,即变量中保存的实际上只是一个指针,这个指针指向内存中的另一个位置,该位置保存对象。 简而言之,堆内存存放引用值,栈内存存放固定类型值。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-20_573eb14c9742f.jpg) 在 `ECMAScript` 中,变量可以存在两种类型的值,即原始值和引用值。 原始值存储在栈(`stack`)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。引用值存储在堆(`heap`)中的对象,也就是说,存储在变量处的值是一个指针(`point`),指向存储对象的内存处。 ``` ';