暴打JavaScript语法之语法糖第一弹
Posted 我是X大魔王
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了暴打JavaScript语法之语法糖第一弹相关的知识，希望对你有一定的参考价值。
欢迎来到javascript频道🐇
大家好这里是x大魔王，是的，我又来了，我带着JavaScript来了,这波我总结了自己学习JavaScript的知识点，有问题欢迎评论区、私信见🚴♀️
基本语句(statement)+注释🏌️♂️
| JavaScript的分割方式只需要简单的把各条语句放在不同的行上就可以分割 |
| JavaScript如果想把多条语句放在同一行上，就必须使用“分号”来进行分割 |
| 当然了，即使没有多条语句在同一行，但在每一行的语句句末加上一个分号，是一个非常良好的编程习惯👨💻 |
| JavaScript在注释上的话比较简单，主要的形式都在下面：单行的和多行的🕵️♂️比较简单不赘述啦~~~ |
| //示例 | /*示例：示例示例示例示例*/ |
变量（量量子鲜森）🧗♀️
| JavaScript允许程序员对变量进行赋值而无需提前对它们进行声明👨🚀这一点还是很爽的~~，但是捏，为了保证一个良好的习惯，最好在前面都写上👩🚀并且JavaScript是区分大小写的！ |
| 声明操作：一次一个、一次多个 |
//var是JavaScript语言的一个关键字，定义变量时使用
var mood;
var age;
var mood,age;
| 赋值操作：一次一个、一次多个 |
var mood,age;
mood = "happy";
age=33;
var mood="happy",age=33;
变量名的限制和要求：JavaScript语法不允许变量的名字中包含空格或者标点符号（美元$除外）变量名允许包含字母、数字、美元符号和下划线字符。
注意一点，对于：
var mood = "happy"这句语句来说，“happy”是JavaScript的一个字面量，即：在JavaScript代码中直接写出来的数据内容，除了所给的内容外无任何附加含义。而 mood是一个变量的名字，它除了自身内容以外有含义👩🔬
var的小tips
var是在定义变量的时候的操作符，也是一个关键字，后面跟变量名使用var定义的变量将成为该变量的作用域中的局部变量，即：如果在函数中使用var定义一个变量，那么这个变量在函数退出后就会被销毁下面例子来解释一下：
❓
function test(){
var mesg = "nihao";//局部变量
}
test();
alert(mesg);//出现错误！
//这里变量mesg是在函数中使用var定义的，当函数被调用的时候，就会创建该变量并为其赋值，在此之后这个变量就会被立即销毁
❔
function test(){
mesg = "nihao";//全局变量
}
test();
alert(mesg);//“nihao”
可以看到第二个例子是省略了var操作符的，那么此时mesg就变成了全局变量，但是这种做法不太推荐，因为在局部作用域中定义的全局变量很难维护，如果有意忽略了var操作符，与会由于相应变量不会马上有定义而导致不必要的混乱
关键字和保留字🧜♂️
以下是ECMAScript全部关键字：
以下是ECMA-262第三版定义的所有保留字：
数据类型🏊♂️
简单以上面的mood为例，它的值显然就是个字符串类型的字面量，age则是一个数值类型的字面量，可以看出，虽然它们的类型不同，但是在赋值的时候都是一样的声明🎈ECMScript中有5中简单的数据类型(基本数据类型)：Undefined、Null、Boolean、Number、String，还有一种复杂的数据类型：Object,它其实就是由一组无序的名值对组成的，得益于它的类型具有动态性这一特点吧，所有也没有再定义其他类型的必要了🐒
//以下代码对于常年C和Java的👶可能有点不适
var age="three" ;
age=33;
//JavaScript不关心变量age到底是字符串还是数值
//这种写法有效，但不推荐
typeof操作符
讲到这里都看得出就是JavaScript是松散类型的，所以如果说想要检测一个变量是什么类型的，就可以使用这个操作符，使用之后就会返回对应变量的类型了
undefined——该值无定义
boolean——该值是布尔值
string——该值是字符串
number——该值是数值
object——该值是对象或者null
function——该值是个函数
举个小栗子来看看typeof的用法和方式
var mess = "nihao";
alert(typeof mess);//string
alert(typeof (mess))//string
alert(typeof 100)//number
Undefined类型
Undefined类型只有一个值，即特殊的undefined，在使用var声明变量但未对其加以初始化时，这个变量的值就是undefined
var message;
alert(massage == undefined);//true
//系统会自动给的
tips:记住，这里指的是已经声明的值！！就是声明了但是还没有赋值的值而已，不是那些根本都没有声明的值！😁
Null类型
Null类型是第二个只有一个值的数据类型，这个特殊值是null，从逻辑角度来看，null值表示一个空对象指针，而这也正是使用typeof操作会检测到null时会返回“object”类型的原因
var a = null;
alert(typeof a);// object
常用路径
如果说在定义变量的时候准备在将来用于保存对象来用的，那么最好就将这个变量初始化为null，而不是其他乱七八糟的值，这样在后续只需要直接检查null值就可以知道相应的变量是否已经保存了一个对象的引用，算是我自己的一个小习惯，null值也是非常有用的！😚
if (a != null){
//对a对象要做的事情
}
在《JavaScript高级编程设计》一书上有对此进行更进一步的说明：undefined 值是派生自null值的，因此在ECMA-262规定了对它们的相等性测试：
alert(null == undefined)//true
可能会有些混乱，这里讲一下，尽管null和typeof有这样的关系，但是它们的用途完全不一样，无论在什么情况下都没有必要把一个变量设置为undefined，可是对null来说就不适用了，因为只要意在保存对象的变量还没有真正保存对象，就应该明确地让该变量保存null值🐱🏍
字符串
字符串必须放在引号里——单、双引号都Ok，他们的效果相等，考虑到代码习惯问题，最好如果使用了一种，那么后续就继续使用，不混乱，且容易理解👓
数值
var age=33;
var tem=-20;
var tem_1=-21.23;
//不管是整数、浮点数、负数都🆗
进制问题
除了十进制之外，整数还可以通过八进制或者十六进制来表示，八进制字面值前第一位一定要是0，然后是八进制数字序列（0-7），如果字面值中地数值超出了范围，那么前面的0将被忽略，也就是后面地数值就会被当成十进制数值来解析😯十六进制的话在前面加上0x，后跟任何十六进制数字(0-9 and A-F,A-F可以大写也可以小写)
var num_1 = 070;//八进制56
var num_2 = 079;//十进制79
var num_3 = 08;//十进制8
//十六进制
var num_1 = 0xA;//十六进制10
var num_2 = 0x1f;//十六进制31
浮点数类型
所谓浮点数值，就是数值中必须包含一个小数点，并且小数点之后必须至少有一位数字，以下是一些例子：
var num_1 = 2.4;
var num_2 = 0.4;
var num_3 = .1;//有效但不支持~~~🤧
| 浮点数值地内存空间是保存整数值地两倍，因此ECMAScript会“不放过每一个将浮点数值转换成整数值”😏以下举一些小栗子： |
var num_1 = 1.;//小数点后没有数字——解析为1
var num_2 = 8.0;//整数——解析为8
| 对于那些极大或极小的数值，也可以使用e表示法(科学计数法)来表示浮点数值。用e表示法表示的数值等于e前面数值乘以10的指数次幂🤠 |
var num = 3.125e7;//等于31250000
//3.125*10^7这样就比较容易表示
//如果说想表示0.00000004；
var num_2 = 4e-7;
//浮点数值的最高精度是17位小数
tips:对于两个浮点数相加的结果最后可能会带有一个小尾巴这件事，在这里也是有的😁
var a = 0.1;
var b = 0.2;
if (a+b == 0.3){
alert("0.3!");
}
//但是不要这么做！因为结果是：
0.30000000000000004😅
数值范围问题
由于内存的限制，不仅仅是JavaScript，可以说所有的语言都会有一个数值范围的限制，在这里说明一下：在大多数浏览器中，最小数值为：5e-324；最大为：1.7976931348623157e+308
如果这里的数值有误的话，欢迎更正
🤗
如果说一个数值超出了JavaScript的数值范围，那么这个数值就会自动被换成特殊的Infinity值，就比如，如果这个数是负数，就会变成-Infinity(负无穷)，如果是正，就Infinity(正无穷)并且这个数值将不能参与计算，因为Infinity是不能够参与计算的数值，也可以使用isFinite()函数来判断一个数值是不是有穷的，是返回true,否返回false
NaN(非数值)
这是一个特殊的数值，这个数值用于表示一个本来要返回数值的操作数但未返回的情况，就最简单的例子就是如果说做一个除法运算，如果除数为0，这样肯定会导致出错的嘛，然后代码停止运行，这个时候系统就会返回NaN,并不会影响到其他代码的执行🐱但是NaN本身也有两个特点需要注意一下：
①任何有关NaN的操作，比如NaN/9之类的，这个时候都会返回NaN,这个特点也可能会在很多计算中出现很多问题😕
②就是NaN和任何值都不相等，包括它本身
alert(NaN == NaN);//false
这里也给出了isNaN()函数来判定这个参数是否“不是数值”，具体看以下例子：😉
alert(isNaN(NaN));//true
alert(isNaN(9));//false,9是数值
alert(isNaN("9"));//false因为"9"可以转换成“数值”
alert(isNaN("a"));//true因为根本不可能转成数值
alert(isNaN(true));//false,因为可以转成1！！🤣
很不可思议吧，有关于isNaN()这个函数的具体使用流程做一个简单说明：这个函数会先去调用valueOf()函数，去判断一下这个参数是否可以转换成数值，如果不可以，那么就调用toString()返回测试值😎
数值转换
| 这里我介绍3个函数，可以将非数值转换成数值：Number()、parseInt()、parseFloat() |
转型函数Number()
可以用于任何数据类型，具体规则如下：
①、如果是数字值，只是简单的传入和返回即可
②、如果是Boolean类型，true和false分别返回1和0
③、如果是null，返回0
④、如果是字符串的话，比较复杂：
❀如果字符串中只包含数字(正数和负数都🆗)，则将其转换为十进制数值，就比如“123”就转换成123，“01”会转换成1（前面的0会被自动忽略）
❀如果是浮点格式，比如“2.4”，则会将其转换成对应的浮点数值（同样，前面的0会被忽略）
❀如果是字符串中包含了有效的十六进制的格式，比如“0xA”,那么就会被转换成相对应的十进制整数值
❀如果该字符串为空，则将其转换成0
❀如果字符串中包含除了上面所说的格式之外的字符，那么就转换成NaN
⑤、如果是对象，则调用对象的valueOf()方法，然后依据前面的规则转换返回的值，如果转换的结果是NaN，则调用对象的toString()方法，然后再次依照前面的规则🐱💻
var num_1 = Number("nihao");//NaN
var num_2 = Number("");//0
var num_3 = Number("000001");//1
var num_4 = Number(true);//1
可以看到这个函数在转换字符串的时候比较复杂而且不够合理，因此在处理整数这一部分的时候呢更常使用parseInt()函数😃
parseInt()函数
使用过程中它会忽略字符串前面的空格，直至找到第一个非空格字符；如果说第一个字符不是数字字符或者负号，那么parseInt()函数会返回NaN,然后parseInt()函数会继续去解析第二个字符这就比上面的Number()函数更加精细了，没有一竿子打死全部，有“提取有效值”的感觉😻，直至解析完所有或许字符或者遇到了一个非数字字符，这里我们一直在说的是“有效数字字符“，那么这个具体来说是什么意思呢？请看下方：
var num_1 = parseInt("12nihao");//12
var num_2 = parseInt("");//NaN
var num_3 = parseInt("0xB");//11(十六进制)
var num_4 = parseInt("10");//10(十进制)
var num_5 = parseInt("070");//56(八进制)
| 其实还有一种写法，就是parseInt()函数其实还可以有第二个参数，主要是为了消除一个问题，那就是在有些引擎中，parseInt()不具备解析八进制的能力，因此会导致前面的那个0无效，在某些引擎的严格模式下也会有这样的问题，那么尝试以下的写法就可以完美解决啦,当然了，如果这样的话就有很多很简便的写法了 |
var num_1 = parseInt("0xA", 16);//11
var num_2 = parseInt("10", 8);//8(按照8进制解析)
var num_3 = parseInt("10", 16);//16(按照16进制解析)
parseFloat()函数
这个函数比较简单，该函数也是从第一个字符开始解析每一个字符，并且一直解析到字符串的最后，或者说，遇到一个无效的浮点数数字字符就停止，这也就是，遇到的第一个小数点，那么是有效，如果再遇到小数点，那就无效，被自动忽略😸，这个函数的特点就是只解析十进制整数格式，如果遇到十六进制的话，会被自动解析成0
var num_1 = parseFloat("12nihao");//12
var num_2 = parseFloat("0xA");//0
var num_3 = parseFloat("10.5.10");//10.5
var num_4 = parseFloat("010.5");//10.5
布尔值
| 这里我直接说重点：Boolean类型只有两个字面值：true 和 false,但是这两个值和数字值不是那么一回事儿，因此true 不一定等于1，false也不一定等于0🐺，还要注意大小写！！！ |
var m=true;//定义
//注意区分：
var m =true;//布尔类型
var m ="true";//字符串类型
var mes = "nihao";
var mes_bool = Boolean(mes);//转换
上面提到的转换我在这里列一下判断依据：🥱
| 数据类型 | 转为true值 | 转为false值 |
| Boolean | true | false |
| string | 任何非零字符串 | 0和NaN |
| object | 任何对象 | null |
| undefined | n/a(not applicable 不适用地意思) | undefined |
//转换规则对于控制语句非常重要(if、while等)
var a = "nihao";
if (a){
alert("value is true!")
}
数组
| 前面讲的类型都属于离散值，也就是只能有一个值，如果一个变量想要存储一组数值，就需要用到Array（数组） |
JavaScript中数组下标是从“0”开始的，以下是常用的操作：
//声明方式有两种
//1、知道数组大小
var arr = Array(4);
//2、不知道数组大小
var arr = Array()
//填充元素：在JavaScript中，不仅仅要给出新元素的值
//并且还要指出新元素的下标位置(index)
arr[index] = element;
//以下给出一个例子：
var arr = Array(4);
arr[0] = "a";
arr[1] = "b";
arr[2] = "c";
arr[3] = "d";
//还可以以简单的方式定义：
var arr = Array("a","b","c","d");
//实际上，也可以：
var arr = ["a","b","c","d"];
//JavaScript甚至可以在一个数组里各元素不同类型：
var arr_1 = Array("a", 1, false);
//数组元素甚至可以是“变量”🤿
var name = "x moster";
arr[0] = name;
//数组元素甚至可以包含其他的数组！！！💍
var arr_1 = Array("a","b","c","d");
var arr = Array();
arr[0] = arr_1;
//那么问题就来了，这样定义了之后该如何访问其中的元素呢？
arr[0][0]="a"
arr[0][1]="b"
...以此类推，大致简单的内容介绍完毕🕶
关联数组🧸
前面介绍了简单的数组的知识点，先来看看这个“关联数组”到底是啥
它就是改变了定义数组的方式，一般的数组都是长这样：
arr[0] = “a”;
可以看到我们是以整数0来确认“a”，只要是arr这个数组并且为0的位置肯定就是“a”🏏,那么关联数组就不只是局限于整数数字，直接看：
var arr = Array();
arr["name"] = "Li";
arr["age"] = 33;
arr["living"] = true;
像这样的数组称为“关联数组”，这也就是说，我们可以通过各元素的名字而不是一个下标数字来引领它们，这样脚本的可读性就大大提高了😎,以下以一段代码来让大家深入：
var arr = Array("a", 1, false);
var arr_1 = Array();
arr_1[0] = arr;
//现在对它们进行访问：
arr_1[0]["name"] = "Li";
arr_1[0]["age"] = 33;
arr_1[0]["living"] = true;
//让我们再来一个：如果说arr_1数组也填充为关联数组而不是数值数组
var arr_1 = Array();
arr_1["arr_1_list"] = arr;
//访问一波：
arr_1["arr_1_list"]["name"] = "Li";
//后续都相同 😏
以上是关于暴打JavaScript语法之语法糖第一弹的主要内容，如果未能解决你的问题，请参考以下文章