JavaScript的基础语法和数据类型

南京区域钢板租赁

一、什么是JavaScript
JavaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言
二、JavaScript的三种引入方式
1、引入.js后缀的文件，注意一般外部引入js的文件，放在body标签的后边，css文件放在head里面，中间body标签写html代码的框架

1. [/code][align=center][/align]
2. 2、写在script标签内部，编写JavaScript代码
3. [code]

复制代码

三 、在页面编写JavaScript代码
1、在学习html中还有一种标签也可以编写JavaScript代码，那就是a标签

1. <a target="_blank" href="https://www.cnblogs.com/javascript:alert('hello world')">11111</a>

复制代码

2、使用事件编写JavaScript代码  例：点击事件

1.   22222

复制代码

 

四、JavaScript在页面输出的三种方式 1、alert（"hello world"）弹窗输出

2、document.write（“hello world”）； 在页面输出，可以输出标签

3、console.log（'hello world'） 在控制台中打印，打印任意字符或者js的变量信息； 可以接受任何字符串、变量、数字、对象；

五、JavaScript的命名规范  1、一定要有意义
  2、不能以数字开头
  3、第一个字符必须是一个字母、下划线或是一个美元符号$
       4、其他字符可以是字母、下划线、美元符号或是数字
  5、不能是系统的关键词
  6、推荐使用小驼峰命名法
javascript区分大小写
   变量名、函数和操作符，第一个单词小写以后每个单词首字母大写（getElementById 、aaBbCc）驼峰式命名法
   注意：不能把关键字、保留字、true、false和null用作标识符
六、注释
//  单行注释     /......../多行注释
快捷键：选中后CTRL+/
七、变量命名规则
1、第一个字符必须为字母，_或$，其后的字符还可以是数字
2、严格区分大小写，要有一定的含义
3、建议使用小驼峰规则来命名变量。redApple
4、不能使用关键词，保留字作为变量名

1. [/code]var 的作用：声明变量，使用var声明变量会存在变量提升的问题即提前声明了变量名，但是不会把赋的值提前声明，即根据JavaScript单线程的编译方式，若提前查询变量的值
2. 会出现变量的值
3. [code]

复制代码

注意：
  变量名是浏览器关闭后才释放在，在没关闭之前随时使用
  重新声明的变量，不会丢失原始值，除非重新赋值
  换行是语句的结束，最好结束时都加上 “ ； ”
八、数据类型
JavaScript的数据类型分为两种：原始类型（即基本数据类型）和对象类型（即引用数据类型）； js常用的基本数据类型包括
  undefined - - (未定义)、null- - (空的)、number - - (数字)、boolean- - (布尔值)、string- - (字符串)
js的引用数据类型也就是
  对象类型Object- - (对象)，比如：array - - （数组）、function - - （函数）、data - - （时间）等；
九、转义字符
\ 为转义字符   
在JavaScript的书写规范中提到，如果输出的是字符串类型，我们需要用引号将其包裹起来，但是如果同时用双引号嵌套的话就会出现错误，所以转移字符在这就起到作用
例如我们想让”“在控制台显示出来，我们就可以这样

1. [/code][align=center][/align]
2. [align=center][/align]
3.  十、数据类型
4. 查询数据类型 typeof（）
5. 1、number类型
6. 整型：1，2，3，6......整数
7. 浮点型：1.1111.........带小数点的数
8. NaN 即不是一个数字类型，当在算数运算时如果 一个数字减去一个字符串就会出现这样的值，NaN所有的值都不相等
9. [code]

复制代码

2、string
字符串类型，即用引号包裹起来的都是字符串类型，无论单引号还是双引号，单引号和单引号、双引号和双引号之间如果发生嵌套关系，则需要用转义字符\进行转义
在算数运算中如果一个number类型的和一个string类型相加+，则出现拼接，()+()，+的任意一边出现引号则进行拼接
3、Boolean
布尔类型：只有两个值   true和false
通常在逻辑判断里面使用，这两个值严格区分大小写
4、undefined
未被定义的，使用了一个不存在的对象的属性时
5、null
空值，一般用来占位
6、Array(数组)
创建数组的三种方法
方法一：var 数组名=new Array(); 方法二：var cars=new Array("Audi","BMW","BYD"); 方法三：var cars=["Audi","BMW","BYD"];
多维数组，即为嵌套数组，例如

1. var city = [
2.             ['erqiqu','zhongyuanqu','hangkgang'],
3.             ['wolongqu','wanchecngqu','gaoxinqu'],
4.             ['laocehngquy','wangchengqu']
5.         ];
6. console.log(city[1][0]);

复制代码

下标，可以叫键 计算机计数是从0开始计算，所以当你想查询里面的某一个值时需要在数组名字后面加上[ 下标 ]
十一、object
面向过程：按照时间的发生顺序，从上往下依次执行
对象：指挥对象做某件事情
对象:     属性：本身所拥有的特性     方式：能做的事情
对象： { },使用{ }包括起来的都是对象 [ ], 使用[ ]包括起来的都是数组
创建对象： 方法一：var 对象名称 = new Object(); 方法二：var 对象名称 = {'键'：‘值’，'键'：‘值，'键'：‘值，'键'：‘值}；
十二、JavaScript的严格模式

1. "use strict"
2. x = 1024
3. onsole.log(x);

复制代码

我们知道，在js中要想赋值给一个变量，首先需要用var声明，但是在js的编译过程中，也可以不需要声明就可以赋值，但是当使用严格模式时就必须声明变量，否则出现报错
 

来源:https://www.cnblogs.com/ljygzyblog/p/JavaScript-1.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！