JavaScript的基础语法和数据类型

这篇具有很好参考价值的文章主要介绍了JavaScript的基础语法和数据类型。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、什么是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的编译过程中,也可以不需要声明就可以赋值,但是当使用严格模式时就必须声明变量,否则出现报错

 文章来源地址https://www.toymoban.com/news/detail-711096.html

到了这里,关于JavaScript的基础语法和数据类型的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 〔002〕Java 基础之语法、数据类型、进制转换、运算符

    注释: 是写在程序中对代码进行解释说明的文字,方便自己和其他人查看,以便理解程序的 注释分为 单行注释 和 多行注释 ,注释的内容并不会被编译,所以 不会影响 代码的运行 单行注释通过 // 进行标注,只能注释一行 多行注释通过 /* 注释内容 */ 进行标注,可以注释多

    2024年02月05日
    浏览(70)
  • python基础语法(print、数据类型、变量、注释、输入、条件语句)

    计算机中所有的数据本质上都是用0和1的组合来存储的。编码就相当于密码本,在计算机中有多个密码本:utf-8编码、gbk编码等 注意事项:在计算机中若以某个编码形式进行保存文件,以后也要以这种编码形式去打开这个文件,否则就会出现乱码。 编码必须要保持:保存和打

    2024年02月05日
    浏览(48)
  • 初识Java篇(JavaSE基础语法)(1)(数据类型+运算符)

     个人主页(找往期文章包括但不限于本期文章中不懂的知识点): 我要学编程(ಥ_ಥ)-CSDN博客 目录 前言:  初识Java  运行Java程序 注释 标识符 数据类型与变量  字面常量 数据类型 变量 类型转换  类型提升  字符串类型  运算符 算术运算符  关系运算符  逻辑运

    2024年03月24日
    浏览(41)
  • 【ChatGPT辅助学Rust | 基础系列 | 基础语法】变量,数据类型,运算符,控制流

    本章节将详细介绍Rust的基础语法,包括变量,数据类型,运算符,以及控制流。每个部分都将提供详细的解释和代码示例,以便于理解和学习。 在编程语言中,变量是一种基本的概念,它们是用来存储数据的。在Rust中,变量的特性和其他语言有所不同。 在Rust中,变量的定

    2024年02月14日
    浏览(78)
  • 01 java 学习 数据类型、基础语法、封装、继承、多态、接口、泛型、异常等

    目录 环境搭建和基础知识  什么是JRE: 什么是JDK: 基础数据类型  分支选择if else switch和c一毛一样 for和while循环还有数组基本和c一样 封装 函数调用、传参、命名规范、数组新命名规范 java输入Scanner scanner = new Scanner(System.in); 类的创建和使用以及封装修饰符  构造方法:含义、

    2024年02月11日
    浏览(34)
  • javaSE___语法基础(关键字、标识符、数据类型、字符、字符串、运算符)

    一、的概述和使用 A:什么是 被Java语言赋予特定含义的单词 B:的特点 组成的字母全部小写 C:常见 public static void class等 D:的注意事项 goto和const作为保留字存在,目前并不使用,类似Editplus这样的高级记事本,针对有特殊的颜色标记,非

    2024年02月09日
    浏览(36)
  • Java基础:数据类型会考什么?

    本文列举一些关于Java基础的数据类型相关考点,方便以后复习查看 Java 中的哪几种基本数据类型了解么?它们的默认值和占用空间大小知道不? 说说这八种数据类型对应的包装类型 基本类型和包装类型的区别? int 和 Integer 的区别 为什么要有包装类型 ?  包装类型的缓存机制了

    2023年04月18日
    浏览(21)
  • [Python物联网]Python基础知识和语法--变量和数据类型--Python快速上手开发物联网上位机程序

    目录 一、前言 二、Python变量 三、Python数据类型         1.数值类型         2.字符串类型         3.列表类型         4.元组类型         5.字典类型         6.数据类型转换         当你开始学习Python编程语言时,第一步就是了解 变量和数据类型 。变量是存储

    2024年02月04日
    浏览(43)
  • JavaScript基础——1.js基础语法

    js全称JavaScript,是一种轻量级的面向对象的 编程语言 ,既能用在浏览器中控制页面交互,也能用在服务器端作为网站后台(借助 Node.js),因此 JavaScript 是一种全栈式的编程语言。 JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页,其中: HTML 用来定义网页的内容,例如标

    2024年04月28日
    浏览(30)
  • JavaScript的基础语法

    目录 一、初识JavaScript(简称JS) 1.JavaScript 运行过程 2.JavaScript 的组成 二、JavaScript的规范与调试 1.JavaScript 的书写形式 1.1 行内式 1.2  内嵌式(建议写在之前) 1.3 外部式(建议写在之前) 1.4 总结  2.调试过程(建议使用edge、google浏览器) 3.注释 4.输入输出 4.1 输入 prompt

    2024年02月03日
    浏览(26)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包