JavaScript的基础语法和数据类型

来自:互联网
时间:2024-01-24
阅读:

一、什么是JavaScript

JavaScript是用于实现用户交互动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言

二、JavaScript的三种引入方式

1、引入.js后缀的文件,注意一般外部引入js的文件,放在body标签的后边,CSS文件放在head里面,中间body标签写html代码的框架

<script src="./javasrcipt.js"></script>

JavaScript的基础语法和数据类型

2、写在script标签内部,编写JavaScript代码

<script>
        var name = 'gzy';
        console.log(name);
</script>

三 、在页面编写JavaScript代码

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

<a href="javascript:alert('hello world')">11111</a>

JavaScript的基础语法和数据类型

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

  <div onclick="alert('hello world')">22222</div>
  JavaScript的基础语法和数据类型
四、JavaScript在页面输出的三种方式
 
1、alert("hello world")弹窗输出
JavaScript的基础语法和数据类型
2、document.write(“hello world”); 在页面输出,可以输出标签
JavaScript的基础语法和数据类型
3、console.log('hello world') 在控制台中打印,打印任意字符或者js的变量信息; 可以接受任何字符串、变量、数字、对象;
JavaScript的基础语法和数据类型
五、JavaScript的命名规范

  1、一定要有意义

  2、不能以数字开头

  3、第一个字符必须是一个字母、下划线或是一个美元符号$

       4、其他字符可以是字母、下划线、美元符号或是数字

  5、不能是系统的关键词

  6、推荐使用小驼峰命名法

javascript区分大小写

   变量名、函数和操作符,第一个单词小写以后每个单词首字母大写(getElementById 、aaBbCc)驼峰式命名法

   注意:不能把关键字、保留字、true、false和null用作标识符

六、注释

//  单行注释     /......../多行注释

快捷键:选中后CTRL+/

七、变量命名规则

1、第一个字符必须为字母,_或$,其后的字符还可以是数字
2、严格区分大小写,要有一定的含义
3、建议使用小驼峰规则来命名变量。redApple
4、不能使用关键词,保留字作为变量名

<script>
        var name = 'gzy';
        console.log(name);
</script>

var 的作用:声明变量,使用var声明变量会存在变量提升的问题即提前声明了变量名,但是不会把赋的值提前声明,即根据JavaScript单线程的编译方式,若提前查询变量的值

会出现变量的值

<script>
       console.log(name);
       var name = 111;
</script>

JavaScript的基础语法和数据类型

注意:

  变量名是浏览器关闭后才释放在,在没关闭之前随时使用

  重新声明的变量,不会丢失原始值,除非重新赋值

  换行是语句的结束,最好结束时都加上 “ ; ”

八、数据类型

JavaScript的数据类型分为两种:原始类型(即基本数据类型)和对象类型(即引用数据类型); js常用的基本数据类型包括

  undefined - - (未定义)、null- - (空的)、number - - (数字)、boolean- - (布尔值)、string- - (字符串)

js的引用数据类型也就是

  对象类型Object- - (对象),比如:array - - (数组)、function - - (函数)、data - - (时间)等;

九、转义字符

\ 为转义字符   

在JavaScript的书写规范中提到,如果输出的是字符串类型,我们需要用引号将其包裹起来,但是如果同时用双引号嵌套的话就会出现错误,所以转移字符在这就起到作用

例如我们想让”“在控制台显示出来,我们就可以这样

<script>
       console.log("hello\"world\"");
</script>

JavaScript的基础语法和数据类型

JavaScript的基础语法和数据类型

 十、数据类型

查询数据类型 typeof()

1、number类型

整型:1,2,3,6......整数

浮点型:1.1111.........带小数点的数

NaN 即不是一个数字类型,当在算数运算时如果 一个数字减去一个字符串就会出现这样的值,NaN所有的值都不相等

 <script>
        var a = 9;
        var b = 9 - 'a';
        console.log(b);
</script>

JavaScript的基础语法和数据类型

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"];

多维数组,即为嵌套数组,例如

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

JavaScript的基础语法和数据类型

下标,可以叫键 计算机计数是从0开始计算,所以当你想查询里面的某一个值时需要在数组名字后面加上[ 下标 ]

十一、object

面向过程:按照时间的发生顺序,从上往下依次执行

对象:指挥对象做某件事情

对象:     属性:本身所拥有的特性     方式:能做的事情

对象: { },使用{ }包括起来的都是对象 [ ], 使用[ ]包括起来的都是数组

创建对象: 方法一:var 对象名称 = new Object(); 方法二:var 对象名称 = {'键':‘值’,'键':‘值,'键':‘值,'键':‘值};

十二、JavaScript的严格模式

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

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

返回顶部
顶部