JavaScript学习(1)——快速入门

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yjh4866/article/details/84135983

1、数据类型

(1)Number,JavaScript不区分整数和浮点数,统一用Number表示

NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示
Infinity; // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity

(2)布尔值:true、false,&&、||、!

(3)比较运算符

        双等号:会自动转换数据类型再比较

        三等号:不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较

        NaN这个特殊的Number与所有其他值都不相等,包括它自己。唯一能判断NaN的方法是通过isNaN()函数

        比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值

(4)null表示一个空的值,而undefined表示值未定义。undefined仅仅在判断函数参数是否传递的情况下有用

(5)数组用“[]”表示,元素之间用“,”分隔;也可以通过Array()函数创建。强烈建议前者

(6)对象:JavaScript的对象是一组由键-值组成的无序集合

扫描二维码关注公众号,回复: 4103091 查看本文章

2、变量

(1)变量名是大小写英文、数字、$_的组合,且不能用数字开头,也不能是JavaScript的关键字

(2)申明一个变量用var语句

(3)可以把任意数据类型赋值给变量,同一个变量可以反复赋值,而且可以是不同类型的变量

3、strict模式

        JavaScript在设计之初,为了方便初学者学习,并不强制要求用var申明变量。这个设计错误带来了严重的后果:如果一个变量没有通过var申明就被使用,那么该变量就自动被申明为全局变量

        为了修补JavaScript这一严重设计缺陷,ECMA在后续规范中推出了strict模式,在strict模式下运行的JavaScript代码,强制通过var申明变量

        启用strict模式的方法是在JavaScript代码的第一行写上:'use strict';(这是一个字符串,不支持strict模式的浏览器会把它当做一个字符串语句执行)

4、多行字符串

        由于多行字符串用\n写起来比较费事,所以最新的ES6标准新增了一种多行字符串的表示方法,用反引号 ` ... ` 表示

5、模板字符串

        如果有很多变量需要连接,用+号就比较麻烦。ES6新增了一种模板字符串,表示方法和上面的多行字符串一样,但是它会自动替换字符串中的变量(`你好, ${name}, 你今年${age}岁了!`)

6、操作字符串

        字符串是不可变的,如果对字符串的某个索引赋值,不会有任何错误,但是,也没有任何效果

7、数组

        (1)要取得Array的长度,直接访问length属性

        (2)直接给Arraylength赋一个新的值会导致Array大小的变化

        (3)如果通过索引赋值时,索引超过了范围,同样会引起Array大小的变化

        (4)不给slice()传递任何参数,它就会从头到尾截取所有元素

        (5)push()Array的末尾添加若干元素,pop()则把Array的最后一个元素删除掉

        (6)如果要往Array的头部添加若干元素,使用unshift()方法,shift()方法则把Array的第一个元素删掉

        (7)reverse()把整个Array的元素给掉个个儿,也就是反转

        (8)splice()方法是修改Array的“万能方法”,它可以从指定的索引开始删除若干元素,然后再从该位置添加若干元素

        (9)concat()方法把当前的Array和另一个Array连接起来,并返回一个新的Array;concat()方法可以接收任意个元素和Array,并且自动把Array拆开,然后全部添加到新的Array

        (10)join()方法把当前Array的每个元素都用指定的字符串连接起来,然后返回连接后的字符串

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143449921138898cdeb7fc2214dc08c6c67827758cd2f000

8、对象

(1)由于JavaScript的对象是动态类型,你可以自由地给一个对象添加或删除属性:delete xiaoming.age

(2)检测xiaoming是否拥有某一属性,可以用in操作符:'name' in xiaoming。不过要小心,如果in判断一个属性存在,这个属性不一定是xiaoming的,它可能是xiaoming继承得到的

(3)要判断一个属性是否是xiaoming自身拥有的,而不是继承得到的,可以用hasOwnProperty()方法:xiaoming.hasOwnProperty('name')

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143449922400335c44d4b8c904ff29a78fd4334347131000

9、条件判断

(1)JavaScript把nullundefined0NaN和空字符串''视为false,其他值一概视为true

10、Map

(1)用JavaScript写一个Map如下:var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);

11、Set

(1)要创建一个Set,需要提供一个Array作为输入,或者直接创建一个空Set

(2)通过add(key)方法可以添加元素到Set

(3)通过delete(key)方法可以删除元素

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014345007434430758e3ac6e1b44b1865178e7aff9082e000

12、iterable

(1)ArrayMapSet都属于iterable类型

(2)具有iterable类型的集合可以通过新的for ... of循环来遍历(for ... in会有另外一些问题)

(3)更好的方式是直接使用iterable内置的forEach方法,它接收一个函数,每次迭代就自动回调该函数(Array的回调参数是元素、下标、Array本身,Set的回调参数是元素、元素、Set本身,Map的回调参数是value、key、Map本身)

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450082788640f82a480be8481a8ce8272951a40970000

猜你喜欢

转载自blog.csdn.net/yjh4866/article/details/84135983